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

Question

我有一个表格，我需要自动计算选中行的值。

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

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

1. 禁用所有文本字段
2. 其次，我只需要启用与选中的复选框相关的文本字段
3. 第三次仅计算选中文本字段的总和

现在我能够计算所有复选框的值，不确定如何将选中的复选框映射到相关输入并相应地计算值。

尝试了一些东西，但总是失败

Answer 1

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