In this tutorial i am going to explain you that how to do “Select / Deselect all checkboxes using jQuery”, Most of newbie learners face this issue that how to select all and deselect all checkboxes of any needable forms , this one is simple script but yet useful, hence we can also select checkbox values individually but we frequently need this type of snippets to perform multiple operations, like gmail you can select all emails and perform any operations it have, so this will guide you that how to use jQuery to select and deselect all checkboxes, and at the end of this tutorial we will also see that how to get selected (multiple) checkboxes value and print them so have a look.

Here is the code

The jQuery code : in the following code there is a parent class called “.select-all” which changes the attribute of sub checkboxes on “.click” function and all the functionality done by including the “jQuery.js” library in your head document.

The HTML code :

simple HTML form containing multiple checkbox

Complete Script

complete script with html form for selecting / deselecting checkboxes.

Get the Values of Selected Checkboxes

now let's take a look at the following code which helps you to get the multiple selected values and print them, suppose we have following form.

PHP CODE :

and PHP code would be as follow, using 'foreach' loop we can retrieve the selected checkboxes values. that's it guys, if you found this helpful then please share on facebook, twitter and google plus.