Implementierungsmethode zum Summieren mehrerer Eingaben in jQuery_jquery

Das Beispiel in diesem Artikel beschreibt die Implementierungsmethode zum Summieren mehrerer Eingaben in jQuery. Teilen Sie es als Referenz mit allen. Die spezifische Implementierungsmethode lautet wie folgt:

Der HTML-Seitencode lautet wie folgt:

<td> 
  <input name="add" id="add" readonly="readonly"/> 
</td> 
<pre name="code" class="html"><td> 
  <input name="add1" id="add1"/> 
</td> 
<td> 
  <input name="add2" id="add2"/> 
</td> 

Ein Teil des jQuery-Codes lautet wie folgt:

<script> 
$("input[id^='add']").change(function(){ 
    var sum=0; 
    $("input[id^='add']").each(function(){ 
      var r = /^-&#63;\d+$/ ;　//正整数 
      if($(this).val() !=''&&!r.test($(this).val())){ 
       $(this).val("");  //正则表达式不匹配置空 
      }else if($(this).val() !=''){ 
       sum+=parseInt($(this).val()); 
      } 
      document.getElementById("add").value=sum; 
      }); 
    }); 
</script> 

Da das Eingabeattribut schreibgeschützt ist, wird die Seite zurückgegeben, wenn Sie die Rücktaste drücken, um den Wert der Eingabe im Browser zu löschen. Die Lösung finden Sie im vorherigen Artikel „JQuery-Implementierungsmethode zum Verhindern des Rücktaste von Returning》

Ich hoffe, dass dieser Artikel für alle bei der jQuery-Programmierung hilfreich sein wird.