Angualr 数据表：如何使用 javaScript 动态获取选定列值的总和

如何解决Angualr 数据表：如何使用 javaScript 动态获取选定列值的总和

有一张表格，如果我们勾选复选框，金额值会自动求和并显示在顶部。尝试了下面的代码，它获取值但没有获取精确的总和值。你能提出什么问题吗..

checkBoxCheckCount(info: any): void {
  var creditAmount = 0;
  $("#firstTable input:checked").each(function() {
    alert(info.index);
    if (info.index != "") {
      creditAmount += parseFloat(info.index);
    } else {
      creditAmount = creditAmount;
    }
  });

Stackblitz

解决方法

由于您已经在使用 each 循环遍历选中的复选框，因此您可以使用 $(this).closest("tr").find("td:eq(1)") 这将为您提供 amount 列 td 值，然后您可以将其传递给您的 {{ 1}}。

演示代码：

creditAmount

$('input[type="checkbox"]').on('change',function() {
  var creditAmount = 0;
  $("#firstTable input:checked").each(function() {
    //get td(amount column value)
    var values = $(this).closest("tr").find("td:eq(1)").text()
    if (values != "") {
      creditAmount += parseFloat(values);
    } 
  });
  $("#idCheckBoxLabel").text(creditAmount);

})