使用jQuery獲取所有輸入值的總和

Question

我需要輸入中所有值的總和。結果必須顯示在輸入字段總數readonly中。

用戶可以輸入1個或多個值。問題是我的var值不正確。我還想知道如何通過onchange立即返回價值？

$(document).ready(function() { 
    $("div#example input").change(function() { 
    var value = '';  
    $("div#example input[name!=total]").each(function() { 
     value += $(this).val();  
    }); 
    console.log("value after each: " + value); 
    }); 
}) 

HTML：

<div id="example"> 
    <input type="text" size="5" id="value1" name="value1" /> 
    <input type="text" size="5" id="value2" name="value2" /> 
    <input type="text" size="5" id="value3" name="value3" /> 
    <input type="text" size="5" id="value4" name="value4" /> 
    <input type="text" size="5" id="value5" name="value5" /> 
    <input type="text" size="5" id="total" readonly="readonly" class="bckground" name="total" /> 

Answer 1

使用+ = parseInt函數（$（本）.VAL（））;

Answer 2

var sum = 0; 
$('input[id^=value]').each (function(){ sum+=$(this).val(); }); 
$('#total').val(sum); 

：]

Answer 3

嘗試是這樣的：

$(document).ready(function() { 
    $("div#example id^='value'").change(function() { 
     var value = 0; 

     $("div#example input[name!=total]").each(function() { 
      var i = parseInt($(this).val()); 

      if (!isNaN(i)) 
      { 
       value += i; 
      } 
     }); 

     $('#total').val(value); 
    }); 
}) 

Answer 4

我認爲這可能是更接近：

<script type="text/javascript"> 

$(document).ready(function() { 

    $("#example value").change(function() { 
    var total = 0;  
    $("#example value").each(function() { 
     total += parseInt($(this).val());  
    }); 
    window.console && console.log("value after each: " + total); 
    }); 
}) 

</script> 

<div id="example"> 
    <input type="text" size="5" class="value" name="value1" /> 
    <input type="text" size="5" class="value" name="value2" /> 
    <input type="text" size="5" class="value" name="value3" /> 
    <input type="text" size="5" class="value" name="value4" /> 
    <input type="text" size="5" class="value" name="value5" /> 
    <input type="text" size="5" id="total" readonly="readonly" class="bckground" name="total" /> 
</div> 

您的$ .change原來選擇（）被包括整個盒子，我懷疑你不想要。

我正確猜測你想添加數字嗎？你原來的'值'變量是一個字符串。

順便說一句，使用'window.console & &'console.log'成語更安全，因爲許多用戶不會有控制檯變量。基於其他建議（雖然我敢打賭，該行只在那裏進行調試。）

編輯

新增parseInt函數（）。

Answer 5

使用jQuery的形式系列化：

alert($("form_id").serialize()); 

還爲不同類型的系列化的比較：http://jquery.malsup.com/form/comp/