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

Question

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);
}

堆栈闪电战

标签： javascriptjqueryangularangular-datatables

Answer 1

您可以reduce在所有检查项目上使用 on 来获得总和 -

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);
}