如何用 jQuery 求和动态输入字段值？

Question

在我的 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();
});

Answer 1

您访问元素的方式有误，请试试这个：

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

Answer 2

您可以为每个 input 添加一个 class="item"，然后：

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

Answer 3

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

var test_qty = 0 $("input[name^='item_qty']").each(function() { test_qty +=parseInt($(this).val(), 10) }) console.log(test_qty)

JSFiddle

如何用 jQuery 求和动态输入字段值？

How to sum dynamic input field values with jQuery?

jquery

dom