javascript - 获取使用相同名称的多个文本框值的总和

Question

我想知道如何使用 javascript 从具有相同名称的 html 文本框中获取多个值并求和？如果可能，请使用易于理解的简单循环方法

Answer 1

你可以用纯 JavaScript 做这样的事情:

var sum = 0;
var btn = document.getElementById("btn");
btn.addEventListener("click", function(){
	var inputEle= document.getElementsByName("txt1");
    for(var i=0;i<inputEle.length;i++){
      //alert(inputEle[i].value);  //get each value
      sum = sum + parseInt(inputEle[i].value); // If you want the sum(only for numbers else you will see a string as output)
    }
    alert("Total Sum = "+sum);

});


	
        

<input type="text" name="txt1"/>
<input type="text" name="txt1"/>
<input type="text" name="txt1"/>
<input type="text" name="txt1"/>
<input type="text" name="txt1"/>

<button id="btn" class="getVal">Click here</button>