在多个输入字段中输入不同的数字如何在javascript中自动添加

Question

在多个输入字段中输入不同的数字，如何在javascript中自动添加

如何在javascript中找到不同数字的不同输入字段的总和。

＆＃34;输入字段是n个数字..：＆＃34;这个输入字段我使用克隆函数

仅考虑与文本字段无关的数字字段  almost this model 注意：但我的条件是不同的名称和ID

我该怎么办？ 请求帮助我..

Answer 1

您可以对需要汇总的所有输入设置onchange事件

<input class="sum" onchange="add()" />

并可以将总和添加到总输入中，如下所示

function add(){
 total= 0;
 sum =document.getElementsByClassName("sum");
 for(a=0;a<sum.length;a++)
   {
     console.log(sum[a].value);
   total += parseInt(sum[a].value || 0);
  }
  document.getElementById("total").value = total;
}

<强>代码/演示：

function add(){
 total= 0;
 sum =document.getElementsByClassName("sum");
 for(a=0;a<sum.length;a++)
   {
     console.log(sum[a].value);
   total += parseInt(sum[a].value || 0);
  }
  document.getElementById("total").value = total;
}

One   <input class="sum" onchange="add()" /><br/>
Two  <input class="sum" onchange="add()" /><br/>
Three <input class="sum" onchange="add()" /><br/>
Four  <input class="sum" onchange="add()" /><br/>
Total   <input id="total"  /><br/>