添加多个输入实时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?

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