How to get sum of checkboxes checked column values dynamically using jQuery

Question

Angular Datatable: How to get sum of checked values amount dynamically in Datatable.

Have one datatable and checkbox, once we check the checkboxes selected and need to sum of all selected checkbox amount. I tried the following code, getting values but unable to sum. If I uncheck checkbox need to reduce the unchecked box amount. Please suggest the issue.

 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

halfer · Accepted Answer · 2021-07-15 21:31:51Z

2

The following is the function which works fine as per your requirement:

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

edited Jul 15, 2021 at 21:31

halfer

20.2k20 gold badges111 silver badges208 bronze badges

answered Dec 17, 2020 at 12:02

KuldipKoradia

3,0319 silver badges22 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Nikhil Patil · Accepted Answer · 2020-12-17 12:21:20Z

1

You can use on reduce on all checked items to get the sum as -

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

answered Dec 17, 2020 at 12:21

Nikhil Patil

2,5331 gold badge9 silver badges20 bronze badges

Collectives™ on Stack Overflow

How to get sum of checkboxes checked column values dynamically using jQuery

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related