Hello friends, welcome to my another post. Today I will show you how to Check uncheck multiple check boxes using Javascript and jQuery. Check box Plays very important role in forms. When we are listing some users to send mail or if we want to enable or disable some items from a item list we need to select or Check/Uncheck all options or few options. This Check/Uncheck option allow us to manage the above requirement very easily.

There are different ways to achieve this result; we can keep two buttons for this. One button will check all the checkboxes and other button will uncheck all the buttons. The same result we can achieve by using a single buttons also. But I build the application using a single checkbox to check/uncheck all options. Lets start the coding



Build the html table

Javascript function to handle the main logic

The above code is finish here but this is not the end. Now I show you another way to select group of check boxes

Check uncheck Gmail-like Grouped checkboxes using jQuery

This script will not select all the check boxes using a single but but this will give you a chance to select group of check boxes.

I create the above two application in one page. Below is the demo and download link for check uncheck multiple checkboxes using Javascript
Demo
Download

Spread the love
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Check uncheck multiple checkboxes using Javascript
Tagged on: