jquery - 迭代到一个元素数组

Question

我发现了这个问题，它看起来很简单，但我找不到任何解决方案。我有一个元素数组，如下所示：

<input type="text" name="subTotal[]"/>
<input type="text" name="subTotal[]"/>
<input type="text" name="subTotal[]"/>
<input type="text" name="subTotal[]"/>

使用 jquery，我想从这四个 subTotal 中计算总数。当该 subTotal 的值更改时，将触发计数。我像下面这样尝试过，但它不起作用：

var totalPrice = 0;
$('input[name="subTotal"]').each( function( key, value ) {
    totalPrice += value;
    alert(totalPrice);
});

有什么解决方案吗？

Answer 1

Try this, by using name^= and parseInt on the value

  var totalPrice = 0;
    $('input[name^="subTotal"]').each( function() {
        totalPrice += parseInt(this.value);
        alert(totalPrice);
    });

Demo here http://jsfiddle.net/gBudm/

Answer 2

尝试这个：

$('input[name^="subTotal"]').change(function () {
    var totalPrice = 0;
    $('input[name^="subTotal"]').each(function () {
        totalPrice += parseInt(this.value);        
    })
    alert(totalPrice);
});

当该 subTotal 的值更改时，将触发计数。 演示在这里