javascript - 添加相同类javascript的输入值

如何添加相同类的输入值。我已经尝试了下面的代码，但似乎无法正常工作。我要去哪里错了？

<table id="tableID">
<tr>

<td>   <input name="name" class="compulsory1" type="text" value="1" />  </td>
<td>   <input name="name1" class="compulsory1" type="text" value="2" />  </td>
<td>   <input name="name2" class="compulsory1" type="text" value="3" />  </td>

<td>
<script type="text/javascript">
var tdsCompulsory = document.getElementsByClassName('compulsory1')[0].value;
var cData = [];
sum = 0;
for(var i in tdsCompulsory){
    if(typeof tdsCompulsory[i].textContent != 'undefined')
    cData.push(tdsCompulsory[i].textContent);
}
console.log(cData);

for(var i in cData){
    sum +=parseInt(cData[i]);
}
alert (sum);
</script>

</td>

</tr>
</table>

最佳答案

试试这个，使用querySelectorAll，您将使用class =“ compulsory1”获得文档中的所有元素：

window.onload = function(){
var x = document.querySelectorAll(".compulsory1");
var total = 0;
for(var i=0;i<x.length;i++)
{
total+=Number(x[i].value);
}
console.log(total);
}

  <input name="name" class="compulsory1" type="text" value="1" />
  <input name="name1" class="compulsory1" type="text" value="2" />
  <input name="name2" class="compulsory1" type="text" value="3" /> 

关于javascript - 添加相同类javascript的输入值，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/38653949/