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

amount有多个ID。这些应该改为类。此外，每个金额的值将由jQuery作为字符串选出，因此需要更改为整数：

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

Fiddle

自动计算而不点击任何按钮

1 个答案: