How to select all checkboxes using JQuery

 

It's actually very simple...

 

We select the ID of the select all checkbox and use the .change() function.

 

$("#selectAll").change(function() {})

 

Within the change function we use a JQuery selector to find all checkboxes and the .prop function to set it's checked value to the same value as the selectall checkbox

 

$("input:checkbox").prop('checked', $(this).prop("checked"));

 

You can fiddle with the code here and test it out.

 

Comment