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

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] 是您尝试执行的操作的合适选择器，它将找到所有新的动态创建的类型编号的输入。

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

Answer 2

 var arr = [], sum = 0;

 $("#check").click(function() {
   $("input[type=number]").each(function() {
      arr.push($(this).val());
      sum += $(this).val();
   });
});