CODEWITHSUNDEEP
jquery
Code Ratchet
Code Ratchet

Reputation: 6029

How to count how many checkboxes has been checked

I have an HTML table the first column consists of checkboxes etc when the user clicks a button I want to check if any of the checkboxes have been checked before going to the code behind etc.

This is what I have but it keeps throwing an error

Microsoft JScript runtime error: Syntax error, unrecognized expression: input.checkbox:checked"]

This is my code I just want to return the count of how many checkboxes are actually checked.

       $('#BtnExportToExcel').click(function () {
              var check = ('#gvPerformanceResult').find('input.checkbox:checked"]').length;
              alert(check);
        return false;
        }):

Thanks for your help.

Upvotes: 16

Views: 36257

Answers (4)

Code Ratchet
Code Ratchet

Reputation: 6029

Figured it out

$('#BtnExportToExcel').click(function () {
    var check = $("input:checkbox:checked").length
    alert(check);
});

Upvotes: 4

Chris
Chris

Reputation: 27394

You have a dangling bracket in the find() function, try this

$('#BtnExportToExcel').click(function () {
   var check = $('#gvPerformanceResult').find('input[type=checkbox]:checked').length;
   alert(check);
   return false;
}):

Note, based on your answer it seems you want ALL checkboxes within #gvPerformanceResult and not checkboxes with the class .checkbox - use [type=checkbox] to select those checkboxes

Upvotes: 16

Curtis
Curtis

Reputation: 103428

You have invalid syntax (No $ at the start, and "] at the end).

Change:

('#gvPerformanceResult').find('input.checkbox:checked"]').length;

To:

$('#gvPerformanceResult').find('input.checkbox:checked').length;

Upvotes: 21

Andrea Turri
Andrea Turri

Reputation: 6500

$('input[type="checkbox"]:checked').length;

This will return the number of checked checkbox.

Restrict:

$('#gvPerformanceResult').find('input[type="checkbox"]:checked').length;

Upvotes: 11

Related Questions