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.