计算表单字段的值&更新总计

时间:2016-12-28 08:25:56

标签: javascript jquery

我有一个表单,我需要自动计算已检查行的值。

http://codepen.io/anon/pen/dOBaNN?editors=1010

我正在计算keyup函数上文本字段的值,但需要执行以下操作

  1. 禁用所有文本字段
  2. 其次我需要只启用与复选框相关的文本字段
  3. 第三次仅计算已检查文本字段的总和
  4. 现在我可以计算所有复选框的值,不知道如何将选中的checbox映射到相关输入并相应地计算值。

    尝试了一些东西,但它一直在破坏

1 个答案:

答案 0 :(得分:2)

1)禁用文本字段会将disabled属性设置为true。

$(".auto-sum").each(function () {
     $(this).prop('disabled', true);
});

2)启用带复选框的输入

$('input[type=checkbox]').on('change', function() {
    var id = $(this).val();
    var active = $(this).prop('checked');
    $('.auto-sum[name=Amount' + id + ']').attr('disabled', !active);
    calculateSum();
});

3)在计算

时跳过禁用的输入
$(".auto-sum").each(function () {
     if ($(this).prop('disabled')) return;
     [...]
});

我更新了您的codepen:http://codepen.io/anon/pen/VmJgxM?editors=1011