Javascript 是否汇总具有特定类名的所有文本框？

我有一个网格，其中一列包含一个文本框，用户可以在其中键入美元金额。文本框声明为：

<input class="change-handled" sub-category-id="83" data-id="" style="text-align: right; width: 100%" type="number" value="">

---

如何使用该SaveData事件来查找具有“change handled”类的所有编辑框，汇总它们的值，并将其显示在某处？

以下是如何汇总值：

var total = 0;
$(".change-handled").each(function(index, box) {
    total += parseInt($(box).val(), 10);
});

然后，您可以使用jQuery提供的文本或html函数对元素进行显示

---

这可以从代码中的任何位置使用，包括事件处理程序。

以下是如何总结这些值：

var total = 0;
$(".change-handled").each(function(index, box) {
    total += parseInt($(box).val(), 10);
});

然后，您可以使用jQuery提供的文本或html函数对元素进行显示

---

这可以在代码中的任何地方使用，包括事件处理程序。

我认为您要查找的是模糊事件

$'body'。在'blur'、'input.change handled'、UpdateTotal上； 函数UpdateTotal{ var合计=0； var$changeInputs=$'input.change handled'； $changeInputs.eachfunctionidx，el{ 总数+=数量$el.val； }; $'.total'.texttotal； }

---

总计：$0我想你要找的是模糊事件

$'body'。在'blur'、'input.change handled'、UpdateTotal上； 函数UpdateTotal{ var合计=0； var$changeInputs=$'input.change handled'； $changeInputs.eachfunctionidx，el{ 总数+=数量$el.val； }; $'.total'.texttotal； } 总计：$0普通JavaScript：

var changeholdled=[].slice.calldocument.querySelectorAll.changeholdled'； var total=document.querySelector'.total'； 函数计算{ total.textContent=changeHandled.reducefunctiontotal，el{ 返回总计+=numberrel.value； }, 0; } forEachfunctionel{ el.onblur=计算值； }; 总计：$0普通JavaScript：

var changeholdled=[].slice.calldocument.querySelectorAll.changeholdled'； var total=document.querySelector'.total'； 函数计算{ total.textContent=changeHandled.reducefunctiontotal，el{ 返回总计+=numberrel.value； }, 0; } forEachfunctionel{ el.onblur=计算值； }; 总额：0美元