How to select all checkboxes using JQuery

Posted 24 Aug 17 by Darren Welch


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.


Darren Welch


Darren Welch

  24 Aug 17

Contact me online



jquery code programming javascript

Related Content