Javascript jQuery使用所有值之和获取最终总计

我想把输入框中的多个值相互附加，实际上。。。我不只是需要附加它们，我实际上想要将它们的值相加，因为它们是美元金额

通常我可以这样做，但我会使用增量显示输入框，以便IDs用户单击按钮，显示输入字段，输入美元金额，然后将该值添加/汇总到最终总额

JSFIDDLE：

我希望使用“总计”列下的所有值显示最终总计，请尝试以下操作

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

---

您可以从事件传播中获益 让我们假设您在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捕获其中任何元素的更改事件，然后处理它以重新求和所有元素

检查这把小提琴

---

看起来您试图在fiddle中包含一个带有自定义插件的本地脚本，但这不起作用。您已经准备好了一个文档。它是在加载时启动的。所有东西都有相同的id，id都是单数的。删除了额外的文档准备好了，对于id，计算和函数将所有输入字段与匹配的id相加，这就是为什么它是这样的，这对我来说是有效的，当我添加它时，它对通过单击按钮添加的第一个新行进行最终合计，不添加到finaltotal输入字段，并禁用所有其他合计输入框。

$('#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);
});