javascript - 问题求和字段

Question

这是一个基本的 html/javascript 代码，但我在获取所有字段的总和时遇到了问题。(原项目中有50个字段，现在只留5个)

如果该字段为空，则只需忽略它，并仅添加那些已填充的字段。

HTML代码:

value1:<input type="text" id="total_1" ><br>
value2:<input type="text" id="total_2" ><br>
value3:<input type="text" id="total_3" ><br>
value4:<input type="text" id="total_4" ><br>
value5:<input type="text" id="total_5" ><br>
total:<input type="text" id="totalresult" >
<button type="button" onclick="getTotal(); return false;">Get total</button>

Javascript:

function getTotal() {
var sum;
for (i = 1; i <=5 ; i++) {
    var total = document.getElementById('total_' + i.toString()).value;
    if (total != '') {
        sum = parseFloat(total) + sum;
        document.getElementById('totalresult').value = sum;
    }

  }

}

我不知道为什么我的代码不起作用。

这是我的 Fiddle

Answer 1

您的代码第一次运行时，sum 将是未定义的。

初始化

var sum = 0;

还要让它在 fiddle 中工作，你需要改变

将左上角的 onLoad 设置为“No wrap - in”