How to select all checkboxes using JQuery

Posted 17 October 2018 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

By

Darren Welch


  17 October 2018


Contact me online

Advertisment


Tags


jquery code programming javascript

Related Content