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

时间:2014-08-18 16:31:59

标签: javascript jquery

我希望将输入框中的多个值附加到另一个,实际上......我不需要追加它们,我实际上想要将它们的值合并为美元金额。

通常情况下,我可以这样做但是我输入框显示使用ID的增量(用户点击按钮,输入字段出现,输入美元金额,然后该值被添加/加到最后总

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

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

我想要"最终总数"显示使用"总计"下的所有值柱

2 个答案:

答案 0 :(得分:0)

您可以利用事件传播 假设你在div中添加id = container

的所有输入文本元素
$('#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/

答案 1 :(得分:-1)

试试这个。

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