javascript - 添加多个输入实时 javascript

Question

我有很多输入字段。当我在一个字段中输入时，它会乘以一个数字。我怎样才能将所有字段的总和放在最后？

$("#100").keyup(function(){
 $("#100_").val(this.value*100.00);
});

$("#50").keyup(function(){
    $("#50_").val(this.value*50.00);
});
$("#20").keyup(function(){
    $("#20_").val(this.value*20.00);
});
$("#10").keyup(function(){
    $("#10_").val(this.value*10.00);
});
$("#5").keyup(function(){
    $("#5_").val(this.value*5.00);
});
$("#2").keyup(function(){
    $("#2_").val(this.value*2.00);
});
$("#1").keyup(function(){
    $("#1_").val(this.value*1.00);
});

这是我的数字乘数代码。有用。但最后我有一个输入字段，我想总结所有输入字段机智 id "*_"

Answer 1

策略:也使用类属性来帮助您，例如，为每个输入(#20_、#50_ 等)定义一个类 moneyInput。

然后，使用下面的语句:

var c,sum=0;
$(".moneyInput").on("input",function(){ 
   $("#"+this.id+"_").val(this.value*parseInt(this.id));
  $(".moneyInput").each(function(){
    sum+=parseInt($(this).val());
  });
  $("#total").val(sum);
});
// the sum will store what you want, I think?

并删除之前定义的所有事件。