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

Question

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

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

“输入字段是 n 个数字..:”并且此输入字段使用克隆功能

仅考虑与文本字段无关的数字字段 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/>