簡單的jQuery總和

Question

我有未知數量的輸入字段，類「添加」我只是想與jquery這些總結，不知道我在哪裏錯了。

<input name="add" class="add" type="text"> 
<input name="add" class="add" type="text"> 
<input name="add" class="add" type="text"> 
<input name="add" class="add" type="text"> 

<input type="button" value="" onClick="add()" /> 

`

function add(){ 
     val = 0; 
     $(".add").each(function() {  
      str = (parseInt(this.value)) 
      sum=str+str 
     }); 
     alert (sum) 
    } 

`

Answer 1

你從來沒有真正加入塞給sum：

function add() { 
    var sum = 0; 
    $(".add").each(function() { 
     sum += +this.value; 
    }); 
    return sum; // an add function shouldn't really "alert" 
} 

如果目的是爲了只支持整數，使用parseInt(this.value, 10) [注意基數參數]代替+this.value：

function add() { 
    var sum = 0; 
    $(".add").each(function() { 
     var str = this.value.trim(); // .trim() may need a shim 
     if (str) { // don't send blank values to `parseInt` 
      sum += parseInt(str, 10); 
     } 
    }); 
    return sum; 
} 

請參閱http://jsfiddle.net/alnitak/eHsJP/

Answer 2

function add(){ 
    var sum = 0; 
    $(".add").each(function() { 
     var val = parseInt($(this).val(), 10) 
     sum += (!isNaN(val) ? val : 0); 
    }); 
    alert(sum); 
} 

編輯：眼睛是雪亮的，得到了​​括號... =）和空間。

Answer 3

如果您不需要支持IE8，那麼您可以使用本機Javascript Array.prototype.reduce()方法。您需要將您的jQuery對象轉換爲數組第一：

function add() { 
    return $('.add').toArray().reduce(function(sum,element) { 
     return sum + Number(element.value); 
    }, 0); 
} 

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