jQuery Calculation Plugin:汇总小计以创建总计

时间:2012-03-05 03:49:36

标签: javascript jquery

我正在使用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/

2 个答案:

答案 0 :(得分:0)

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

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

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

答案 1 :(得分:0)

您还可以在课堂上对输入进行分组

例如

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