Finden Sie die Summe aller Werte von Spinner mit der gleichen Klasse

Question

Ich habe eine Gruppe von Spinner <select> Eingabefelder und ich möchte die Summe von ihnen live zu finden. Ich dachte mir, der einfachste Weg wäre, den Klassenselektor von jquery zu verwenden, aber er speichert nicht die .val() Elemente einer ähnlichen Klasse in einem Array.

Gibt es eine Möglichkeit, alle Werte einer Reihe von <select> Inputs in einem Array zu speichern, so dass ich die Summe aller ihrer Werte finden kann.

Mein nicht funktionierender Code sieht so aus.

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

Answer 1

Diese Overkill sein könnte, aber man http://www.pengoworks.com/workshop/jquery/calculation/calculation.plugin.htm

oder Sie können einfach tun nutzen könnten:

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

Answer 2

Möchten Sie, was sind die .food Elemente zu klären Geist? Sind sie Eingabefelder? Andernfalls können Sie stattdessen versuchen, $('.food').text() zu verwenden.

Answer 3

ähnliche Antwort der btiernay, aber wenn man die tatsächliche Array halten wollen Sie tun können:

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

Answer 4

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

Im Grunde der gleichen wie btiernay aber es hat fehlt; was könnte noobs täuschen. Außerdem wurde ein jQuery-Element hinzugefügt, um den endgültigen Wert in ein Summenfeld zu verschieben. Sorry, ich could't als Kommentar hinzufügen, wie ich selten so Post reputattion weniger als 50.

Live-Beispiel unter Geschäfts expeses hier: http://contractor.icalculator.info/calculator/PAYE-calculator.html