How to count the number of checked checkboxes using javascript?

Question

I have a list of checkboxes for all members that subscribe to a mailing list. I am able to check a number of members that I wish to send to. How can I count the number of Checked checkboxes?

    $('#lblCheck').html(checkedCheckBoxes)
    var checkedCheckBoxes = $("[type='checkbox']:checked").length;

Answer 1

The order was wrong, your code should work if you fix it.

var checkedCheckBoxes = $("[type='checkbox']:checked").length;  
$('#lblCheck').html(checkedCheckBoxes)

Answer 2

Please try the below. It's plain javascript. It shall work.

let countCheckboxes = function () {
let noOfCheckboxes = 0;
for(let i=0; i <inputTypes.length; i++) {
    if (inputTypes[i].getAttribute('type') === 'checkbox') {
        noOfCheckboxes++;
    }
}
return noOfCheckboxes;
}