javascript - 将输入框中的值存储在数组中以计算总和

Question

我有一系列输入框，用户可以在其中输入要存储在数组中的数值。我希望添加这些值并通过警报显示它们的总和。但是，我无法确定如何像我希望的那样通过单击按钮将这些值传递给数组。这是我的代码:

$('#check').click(function() {
    var arr = [];
  getSum = function() {
    for ( i = 0; i < 100; i++){
    arr[i] =
    $('input:number').map(function(){
        return this.value;
    });
    }
    var sum = 0;
    var n = arr.length;
for(var i = 0; i < n ; i++) {
sum += parseInt(arr[i]);

}
alert(sum);
}
 getSum();
});

使用 HTML 标记:

<input type="number" id="field1" />
<input type="number" id="field2" />
<input type="number" id="field3" />
<button type="button" id="check">Calc</button>

此外，我已经想出了如何动态添加输入，以便用户可以在总和中包含更多值，但我不确定这将如何影响代码。这还足够吗？

Answer 1

我已经缩短了您的代码。input[type=number] 是适合您要执行的操作的选择器，它将找到所有新动态创建的类型为 number 的输入。

$('#check').click(function() {
    var sum = 0;
    $('input[type=number]').each(function(i, input) {
        sum += Number(input.value);
    });
    alert(sum);
});