jQuery calcule la somme des valeurs dans tous les champs de texte

Question

J'ai un formulaire de commande avec environ 30 champs de texte qui contiennent des valeurs numériques. Je voudrais calculer la somme de toutes ces valeurs sur le flou.

Je sais comment sélectionner tous les champs de texte mais pas comment les parcourir en boucle et additionner toutes leurs valeurs ?

$(document).ready(function(){
   $(".price").blur(function() {
    //loop and add up every value from $(".price").val()
   })
});

Answer 1

$('.price').blur(function () {
    var sum = 0;
    $('.price').each(function() {
        sum += Number($(this).val());
    });

    // here, you have your sum
});

Answer 2

Une fonction de copier/coller un peu plus générique pour votre projet.

sumjq = function(selector) {
    var sum = 0;
    $(selector).each(function() {
        sum += Number($(this).text());
    });
    return sum;
}

console.log(sumjq('.price'));

Answer 3

Dans le même ordre d'idées que ces réponses écrites sous forme de plugin :

$.fn.sum = function () {
    var sum = 0;
    this.each(function () {
        sum += 1*($(this).val());
    });
    return sum;
};

Pour mémoire 1 * x est plus rapide que Number(x) dans Chrome

Answer 4

Utilisez cette fonction :

$(".price").each(function(){
total_price += parseInt($(this).val());
});

Answer 5

Cela devrait le réparer :

var total = 0;   
$(".price").each( function(){
          total += $(this).val() * 1;
});