找到具有相同类的微调器的所有值的总和

Question

我有一组微调<select>输入字段，我想找到它们的总和。我认为最简单的方法是使用jquery的类选择器，但它不会在类数组中存储类似类的元素.val()。

有没有办法将一堆<select>输入的所有值存储在一个数组中，这样我就可以找到它们所有值的总和。

我的工作代码看起来不像这样。

function calcPrice() {
     var price = $('.food').val() || [];
}
$("select").change(calcPrice);

Answer 1

这可能有点矫枉过正，但您可以使用http://www.pengoworks.com/workshop/jquery/calculation/calculation.plugin.htm

或者您可以这样做：

var price = 0.0
$(".food'").each(function() { 
   price += +this.value
});

Answer 2

您是否介意澄清.food元素是什么？他们是输入字段吗？否则，您可能希望尝试使用$('.food').text()。

Answer 3

与btiernay的答案类似，但是如果你想保留实际的阵列，你可以这样做：

var prices = $.map($(".food"), function () {
   return +this.value;
});

Answer 4

var expenses = 0.0;
$(".expense").each(function() { 
      expenses += +this.value;
});
$("#expense-total").html(expenses);

基本上与btiernay相同，但它已经缺失;这可能会欺骗新人。还添加了jquery元素示例，将最终值推送到sum字段。抱歉，我无法添加评论作为评论，因为我很少发布不到50的报道。

此处的商务活动下的实时示例：http://contractor.icalculator.info/calculator/PAYE-calculator.html