jQuery calcula la suma de valores en todos los campos de texto

Solución:

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

    // here, you have your sum
});​​​​​​​​​

Una función de copiar / pegar un poco más genérica para su proyecto.

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

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

Si no necesita ser compatible con IE8, puede usar el Javascript nativo Array.prototype.reduce() método. Primero deberá convertir su objeto JQuery en una matriz:

 var sum = $('.price').toArray().reduce(function(sum,element) {
     if(isNaN(sum)) sum = 0;
     return sum + Number(element.value);
 }, 0);

Referencia: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/Reduce

---

---

Utiliza Nuestro Buscador