Skip to content Skip to sidebar Skip to footer
Home / Checkbox / Javascript / Jquery

Check/uncheck All Checkboxes With Jquery 1.10.2

Post a Comment
There are quite a few questions asked on this topic, but none worked for my problem as I don't know how to apply them in my code - I'm new to jQuery. Here is my HTML page:

Solution 1:

first off you don't need to specify the heirarchy in each of your selectors. 

$("#cbselectall").on('click', function() {

    $(this)
    .parents('table') // go to the table element
    .find(':checkbox') /* find all checkboxes (note you might need to specifiy 
                          if you have other checkboxes in the table that shouldn't get checked 
                       */
    .prop('checked', $(this).is(':checked')); /* set the checked value to be the value
                                                 of the check all checkbox */
})

You may like these posts

Post a Comment for "Check/uncheck All Checkboxes With Jquery 1.10.2"