Méthode d'implémentation de sommation de plusieurs entrées dans jQuery_jquery

L'exemple de cet article décrit la méthode d'implémentation de sommation de plusieurs entrées dans jQuery. Partagez-le avec tout le monde pour votre référence. La méthode de mise en œuvre spécifique est la suivante :

Le code de la page html est le suivant :

<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> 

Une partie du code jQuery est la suivante :

<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> 

Étant donné que l'attribut d'entrée est en lecture seule, lorsque vous appuyez sur Retour arrière pour supprimer la valeur de l'entrée dans le navigateur, la page reviendra Pour la solution, veuillez vous référer à l'article précédent "Méthode d'implémentation de JQuery pour empêcher le. Touche Retour arrière du retour》

J'espère que cet article sera utile à la programmation jQuery de chacun.