javascript - 通过ID循环获取元素

Question

我对 javascript 很陌生，我正在尝试循环一个变量以将 id 增加到 60。我有一个表单，用户可以在其中输入数字，然后我需要它来将它们相加。这就是我到目前为止所拥有的。

<input type="text" onkeyup="addNumbers()" id="name1">
<input type="text" onkeyup="addNumbers()" id="name2">
<input type="text" onkeyup="addNumbers()" id="name3">
etc..
<input type="text" id="total" disabled>

function addNumbers(){

    var name = []

    for( var i = 0; i < 60; i++ ) {
        name[i] = parseInt( document.getElementById("name" + i).value );
    }

 var total = document.getElementById('total').value = var;


}
</script>

我没有从上面的代码中得到任何输出，所以我不确定我在这里做错了什么。

Answer 1

试试这个。您必须从索引 1 迭代到 60 并找到每个输入框的值。如果值有效，则求总和并分配给总计。 JSFiddle

addNumbers = function(el){
    var total = 0;
    for( var i = 1; i <= 60; i++ ) {
        var val = parseInt(document.getElementById("name" + i).value);
        if(val>0){
           total += val;
        }        
    }
    document.getElementById('total').value = total;
}