如何使用jQuery对动态输入字段值求和?

时间:2015-01-24 16:19:29

标签: jquery dom

在我的view_cart.php上,我概述了要订购的所有产品。在这里,我想获得产品的总量 每行代表一个产品,我有一个像

这样的字段
<input type="hidden" name="item_qty[0]" value="3" />

,例如

<input type="hidden" name="item_qty[1]" value="5" />
<input type="hidden" name="item_qty[2]" value="2" />

现在我想得到总数(这里10)来指定一些运费。我试过了

$("input[name='item_qty[]']").each(function() { 
    test_qty += $(this).val();
});

3 个答案:

答案 0 :(得分:1)

您正在以错误的方式访问该元素,请尝试以下方法:

$("input[name^='item_qty']").each(function() { 
                test_qty +=$(this).val();
                console.log(test_qty);
            });

答案 1 :(得分:1)

您应该将计数器test_qty定义并设置为0,使用以[name^='item_qty'] 开头的选择器名称,并将value属性解析为整数{ {1}}(例如,您也可以使用乘法,例如parseInt或一元运算符test_qty+=$(this).val()*1,例如+)。

test_qty+=+$(this).val()

JSFiddle

答案 2 :(得分:0)

您可以为每个class="item"添加input,然后:

$(document).ready(function(){
  var test_qty = 0;
  $(".item").each(function(){
    test_qty += parseInt($(this).val());
    console.log(test_qty);
  });
});