How To: Check all uncheck all and invert checkboxes using jquery

Share

To check all and uncheck all checkboxes using jquery is real fun. I tried making for my current project and shared with you for simple copy and paste elements.

.

Check DEMO before going on.

Step 1: Html setup

Let us assume that you have following checkboxes and controls.

Check All or Invert Selection
Checkbox 1 Checkbox 2 Checkbox 3 Checkbox 4 Checkbox 5 Checkbox 6 Checkbox 7 Checkbox 8 Checkbox 9 Checkbox 10

.

Step 2: Jquery

Copy following code inside head tag of your html. (jquery included)


	

.

All done.. Check DEMO

Cheers!

  • March 15, 2010
8 Best Free Stock Video Websites for Tiktok, Reels, and Shorts Top 5 PHP Frameworks: Fast and Secure