如何使用jQuery动态获取复选框检查的列值的总和答案

【问题标题】：How to get sum of checkboxes checked column values dynamically using jQuery如何使用jQuery动态获取复选框检查的列值的总和
【发布时间】：2021-07-16 05:31:51
【问题描述】：

Angular Datatable：如何在 Datatable 中动态获取检查值的总和。

有一个数据表和复选框，一旦我们检查了选中的复选框并且需要对所有选中的复选框数量求和。我尝试了以下代码，获取值但无法求和。如果我取消选中复选框需要减少未选中框的数量。请提出问题。

 checkboxCheckAmountCount(info: any): void {

 var creditAmount = 0;
    var checkedCount = $("#firstTable input:checked").length;
    var amountAdd = false;
    for (var i = 0; i < checkedCount; i++) {
      if (info.index != "") {
        alert(info.index);
        creditAmount += parseFloat(info.index);
      } else {
        creditAmount = 0;
      }
     }
   $("#idCheckBoxLabel").text(creditAmount);
}

Stackblitz

【问题讨论】：

标签： javascript jquery angular angular-datatables

【解决方案1】：

以下是根据您的要求可以正常工作的功能：

checkboxCheckCount(info: any): void {
  var creditAmount = 0;
  var amountAdd = false;
  $("#firstTable input:checked").each(function() {
    if (info.index != "") {
      creditAmount += parseInt($(this).prop("value"));
    } else {
      creditAmount = 0;
    }
  });
  $("#idCheckBoxLabel").text(creditAmount);
}

【讨论】：

【解决方案2】：

您可以在所有选中的项目上使用reduce 以获得总和 -

checkboxCheckCount(info: any): void {
  var creditAmount = $("#firstTable input:checked").toArray().reduce(function(sum: number, element: any) {
    return sum + Number(element.value);
  }, 0);
  $("#idCheckBoxLabel").text(creditAmount);
}

【讨论】：