javascript - JQuery 添加(数学)输入值

Question

我有一个 html 表单，如果所有其他输入的值 <= 500，我只想显示表单的最后一部分。这是一些简单的 html，我的稍微复杂一些，但应该是同样的想法:

<div id="addSection">
  <input type="text" id="retire" />  
  <input type="text" id="child" />
  <input type="text" id="military" />
  <input type="text" id="nurse" />
  <input type="text" id="other" /> 
</div>
<div id="random" class="hidden">
<input type="text">  
</div>

这里我的 jQuery 还没有接近工作:)

$('#addSection :input').keyup(function(){        
  $('#addSection').each(function(){
    var totalAmt = 0;
    $(this).find('input').each(function(i,n){
      totalAmt += parseInt($(n).val(), 10)
    });
  });
});

//if totalAmt <= 500 then $('#random').show();

关于如何在用户浏览表单时添加它有什么想法吗？感谢您的帮助，如果您有任何问题，我会尽快回答。

Answer 1

我建议(在回顾并随后重写我之前的尝试时):

$('#addSection').on('keyup', function(){
    var total = $(this).children().map(function(){
        return parseInt(this.value,10) || 0;
    }).get().reduce(
           function(a, b){
             return  parseInt(a,10) + parseInt(b,10);
           });
    $('#random').toggle(total <= 500);
}).trigger('keyup');

JS Fiddle demo .

引用文献:

• 纯 JavaScript:
  • Array.prototype.reduce() .
  • parseInt() .
• jQuery:
  • children() .
  • get() .
  • on() .
  • toggle() .