jquery - 要素の配列に反復します

Question

私はこの問題を見つけました、それは単純に見えますが、これに対する解決策を見つけることができません。私は以下のような要素の配列を持っています：

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

jqueryを使用して、その4つのsubTotalから合計をカウントしたいと思います。そのsubTotalの値が変更されると、カウントがトリガーされます。以下のように試しましたが、機能しません。

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

これに対する解決策はありますか？

Answer 1

name^=値に対しておよびparseIntを 使用して、これを試してください

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

こちらのデモ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の値が変更されると、カウントがトリガーされます。 こちらのデモ