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

jQuery get final total using sum of all values

本文关键字：jQuery      更新时间：2023-09-26

我希望从输入框中附加多个值到另一个，实际上…我不只是需要附加它们，我实际上想要对它们的值进行求和，因为它们是美元金额。

通常情况下我可以这样做，但我让输入框使用增量显示id(用户单击按钮，出现输入字段，输入美元金额，然后该值被添加/求和到最终总额)

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

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

我希望"final total"显示使用"total"列下的所有值

您可以利用事件传播让我们假设你添加所有输入文本元素的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捕获其中任何元素的更改事件，然后处理它以重新求和所有元素

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

试试这个

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