1

この動的に入力されたフォーム フィールドがあります。

<input type="text" name="quantity[]" placeholder="quantity"/>
<input type="text" name="quantity[]" placeholder="quantity"/>
<input type="text" name="quantity[]" placeholder="quantity"/>
<input type="text" name="quantity[]" placeholder="quantity"/>
<input type="text" name="quantity[]" placeholder="quantity"/>

jQueryのキーアップで、すべての値を取得して、input[name="quantity[]"]合計数量などの計算を実行したい

(field1 quantity value) + (field2 quantity value) + (field3 quantity value) ... n

このような値を取得しようとしました。

$('input[name="quantity[]"]').keyup(function(){
    var val = $(this).val();
});

これは最初の要素の値のみをフェッチし、残りのフィールドは無視します。どうすれば欲しいものを手に入れることができますか？

ありがとうございました

4

4 に答える 4

2

これを試して：

 <input type="text" name="quantity[]" placeholder="quantity"/>
<input type="text" name="quantity[]" placeholder="quantity"/>
<input type="text" name="quantity[]" placeholder="quantity"/>
<input type="text" name="quantity[]" placeholder="quantity"/>
<input type="text" name="quantity[]" placeholder="quantity"/>

<input type="text" name="res" placeholder="Resultado"/>



$(document).ready(function() {


$('input[name="quantity[]"]').keyup(function(){
   var val = 0;
   $('input[name="quantity[]"]').each(function() {
                val += Number($(this).val());
            });
    $('input[name="res"]').val(val);
});

});

フエンテ コン jsfiddle

http://jsfiddle.net/kSw4G/3/

によって JNE

于 2012-05-04T05:47:54.820 に答える
2 
var $quantity = $('input[name="quantity[]"]');

$quantity.keyup(function(){
    var val = 0;
    $quantity.each(function(){
        val += parseInt($(this).val(), 10);
    });
});
于 2012-05-04T05:36:32.713 に答える
1 
var ref = $('input[name^="quantity"]');
    ref.keyup(function(e){
        var result = 0;
        ref.each(function() {
          console.log($(this).val());
          if($(this).val().length && $(this).val() != '') {
            result += parseInt($(this).val());
          }
          console.log(result);
        });
    });

ライブデモ

于 2012-05-04T05:35:58.607 に答える
0

簡単な解決策は、各テキスト ボックスにクラスを割り当て、数量を仮定することです。

var total_quantity = 0;  
$('.quantity').keyup(function()
{
    $(this).each(function()
    {
        total_quantity += $(this).val();
    });
});
于 2012-05-04T05:38:50.460 に答える