javascript - 如果选中，则 jQuery 计算总和文本字段

Question

我正在尝试计算已检查的行中文本字段的总和。

我的代码工作正常，但我面临的问题是我只计算第一行的值，并且每次都计算到以前的结果，而不是添加当前文本字段值。

这是工作 fiddle :

https://jsfiddle.net/infohassan/27L6wvgw/

这是我的 JS 代码:

$(document).ready(function(){
  var $checkboxes = $('input[name^="txtChecked"]');
  $checkboxes.change(function() {
    $('input[name^="txtChecked"]').each(function() {
      var countCheckedCheckboxes = $checkboxes.filter(':checked').length;
    calculateTotal();
    });
  });
});


function calculateTotal() {
  var total = 0;    
    $('input[name^="txtChecked"]:checked').each(function(){
      var val = parseFloat($('input[name^="txtCostAmount"]').val());
      total += val;
    });

  $('input[name="txtNetAmount"]').val(total);
}

Answer 1

我清理了你的事件处理程序...
我让 .each() 循环查找与复选框位于同一 tr 上的文本输入...

UpdatedFiddle

$(document).ready(function(){
  var $checkboxes = $('input[name^="txtChecked"]');
  $checkboxes.change(function() {
    //$('input[name^="txtChecked"]').each(function() {
      //var countCheckedCheckboxes = $checkboxes.filter(':checked').length;
      calculateTotal();
    //});
  });
});


function calculateTotal() {
  var total = 0;    
  $('input[name^="txtChecked"]:checked').each(function(){
    var val = parseFloat($(this).parents("tr").find('input[name^="txtCostAmount"]').val());
    total += val;
  });

  $('input[name="txtNetAmount"]').val(total);
}