使用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/