javascript - ボタンをクリックせずに自動計算

Question

こんにちは、私はプログラミングが初めてで、1 つの問題に直面しています。

値には 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);
});

フィドル。