jQuery Calculation插件：汇总小计以创建总计

Question

我正在页面上使用jQuery Calculation Plugin ，我在其中进行数量x价格计算，然后将其加到小计中。 重复4次。

每4个一组涉及具有不同ID和不同计算（不仅仅是价格x数量）的字段。

4个小计字段的ID为subtotal_events，subtotal_raffle，subtotal_sdc，subtotal_late。

除了显示各个小计之外，我还需要显示“总计” ...小计的总计。

在下面引用的小提琴中，我对4个小计中的两个进行了硬编码。

我还创建了一个函数recalc3，该函数当前在#grandtotal跨度中生成NaN。 根据硬编码的小计，即使没有订购旅行团或多余的门票，价值也应该是70美元。

数小时的阅读文章和反复试验并没有使我更加接近，因此非常感谢您对实现目标的任何帮助。

这是小提琴： http : //jsfiddle.net/sadiem/7spHt/

Answer 1

您也可以将您的输入分组

例如。

input=price, class="price_inputs"

然后

$j(".price_inputs").keyup(function()
  //Do calculations here
});

或者在我的情况下我有多个班级，因为我有小计，所以我将这些班级汇总在一起进行总和计算

$j(".inclassA,.inclassB,.inclassC").keyup(function()  //watches all the input classes
  //Get the subtotals from the various input class(groups) and add them together here
});

对于使用id只需替换。 与＃ala CSS

也适用于NaN陷阱。 10 + 10 = 1010，10 * 1 + 10 * 1 = 20，0 = nil（Nan）0 * 1 = 0

Answer 2

您正在尝试提取SPAN元素中的文本，但是正在使用$（this）.val函数。 使用$（this）.text函数，并在解析为float之前还删除文本中的$符号。

更新了jsFiddle： http : //jsfiddle.net/7spHt/9/

$("[id^=subtotal_]").each(function() {
  var fee = parseFloat($(this).text().replace("$", ""));
  grandtotal += fee;
});