自動計算沒有點擊任何按鈕

Question

嗨，我是編程新手，我面臨着一個問題。

我有3個輸入值和1個輸入總數。我需要的是當我改變任何輸入總數值應該自動改變。

<input type="text" name="Amt" id="amount" class="form-control" /> 
<input type="text" name="Amt" id="amount" class="form-control" /> 
<input type="text" name="Amt" id="amount" class="form-control" /> 

而且總，我有：

<input type="text" class="form-control" name="total" id="total" value="" /> 

並且在下面的腳本：

<script type="text/javascript"> 
    $('#amount').change(function() { 
     $('#total').attr('value', function() { 
      var result = 0; 
      $('#amount').each(function() { 
       result += $(this).attr('value'); 
      }); 
      return result; 
     }); 
    }); 
</script> 

Answer 1

你有多個ID爲amount。這些應該改爲類。此外，對於每一個量的值將通過jQuery的被拾取出作爲一個字符串，從而需要改變爲一個整數：

$('.amount').change(function() { 
    var result = 0; 
    $('.amount').each(function() { 
    result += +$(this).val(); 
    }); 
    $('#total').val(result); 
}); 

Fiddle。