javascript - 计算具有相同名称的输入值并将最终值复制到另一个输入

Question

我的 div 具有多个具有相同名称的输入:

<div class="cart_items_goes_up">
    <input type="hidden" value="4" name="menu_item_id[]" class="single_menu_item">
    <input type="hidden" value="3" name="menu_item_id[]" class="single_menu_item">
    <input type="hidden" value="2" name="menu_item_id[]" class="single_menu_item">
</div>

我需要计算名称为 menu_item_id[] 的输入的所有这些值，并将结果值复制到类为“order_sum”的另一个输入。

我知道如何将所有值放入数组中，但不知道如何对它们求和并复制到我的新输入。

我的进展:

jQuery(".cart_items_goes_up input[name='menu_item_id[]']").map( function() { 
  return jQuery(this).val();
} ).get();

有什么想法吗？谢谢

Answer 1

你并不太远，只是你的方法也会让你经历两个循环。因此，不要使用 map，而是使用 each:

var sum = 0;
jQuery(".cart_items_goes_up input[name='menu_item_id[]']").each( function() { 
     sum += +this.value;
});
jQuery('input.order_sum').val( sum );

WORKING JSFIDDLE DEMO