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"));