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

Question

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

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

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

堆栈闪电战

Answer 1

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

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

Answer 2

您可以在所有检查项目上使用 on 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);
}