添加多个输入实时JavaScript

时间:2016-06-04 01:56:19

标签: javascript input sum

我有很多输入字段。当我在一个字段中输入时,它会乘以一个数字。我如何才能使所有领域的总和结束?

$("#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" * _"

1 个答案:

答案 0 :(得分:2)

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

然后,使用以下语句:

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?

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