jQuery使用所有值的总和获得最终总数

Question

我正在寻找将多个值从输入框彼此追加的方法，实际上……我并不需要追加它们，我实际上想将其值相加，因为它们是美元金额。

通常我可以这样做，但是我会使用ID的增量来显示输入框（用户单击按钮，出现输入字段，输入美元金额， 然后将值加/加到最终的总数中 ）

   $("input[id^=sum_" + i).sum("keyup", "#totalSum_" + i);

JSFIDDLE： http : //jsfiddle.net/NicoleScotsburn/kzreojc6/5/

我希望使用“总计”列下的所有值来显示“最终总计”

Answer 1

您可以利用事件传播的优势，假设您在id = container的div中添加了所有输入文本元素

$('#container').change(function(e){
var sum = 0;
$(this).find('.toSum').each(function(index,el){
    var val = $(el).val();
    if(val && val != "")
        sum+= parseInt(val);
});
$('#totalSum').val(sum);
});

div捕获其中任何元素的change事件，然后对其进行处理以重新求和所有元素

检查这个小提琴http://jsfiddle.net/mfarouk/qy39ptkq/2/

Answer 2

尝试这个。

var total = 0;
$("input[id^=sum_" + i).each(function() {
  total += $(this).value();
});