jquery - 在 jQuery 中获取数组中的表单值

Question

我有这个动态填充的表单字段。

<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 的 keyup 上，我想从 input[name="quantity[]"] 获取所有值并执行一些计算，例如总量，即类似

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

我尝试像这样获取值。

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

这仅获取第一个元素的值并忽略其余字段。我该如何去做我想要的事情？

谢谢

Answer 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"/>

<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