Question

有人可以帮助我，我需要计算具有相同<input>并输出到另一个class=的'自动'<input id=>，这是我到目前为止所尝试的< / p>

$('.debit').change(function(e)  {
    var total = 0;
    total +=  parseFloat(this.value);
    $('#total').val(total);
});

Answer 1

尝试使用此代码，使用.debit使用.each类名获取所有输入，如下所示：

$('.debit').change(function (e) {
  var total = 0;
  $('.debit').each(function(){
     var myValue = $(this).val() ? $(this).val() : 0;
     total += parseFloat(myValue);
  });      
  $('#total').val(total);
});

//or use keyup

$('.debit').keyup(function (e) {
   var total = 0;   
   $('.debit').each(function(){
     var myValue = $(this).val() ? $(this).val() : 0;
     total += parseFloat(myValue);
   });      
   $('#total').val(total);
});

<强> DEMO

p / s：如果使用.keyup而不是更改，可能会更好。

Answer 2

试试这个：

$('.debit').on('keyup', function (e) {
    var total = 0;
    $('.debit').each(function () {
        total += parseFloat($(this).val()) || 0;
    });

    $('#total').val(total);
});

演示：https://jsfiddle.net/tusharj/rvba2r2o/1/

使用jquery使用'class ='classname''自动计算<input />

2 个答案: