Select All Checkboxes With A Single Checkbox - jQuery checkboxAll

File Size: 5.47 KB
Views Total: 13395
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
Select All Checkboxes With A Single Checkbox - jQuery checkboxAll

Just another jQuery Check All plugin which enables a 'Master' checkbox to select/unselect all the related (children) checkbox inputs with just one click.

How to use it:

1. Add the all CSS class to the first checkbox as these:

<div class="example">
    <input type="checkbox" name="selectall-demo" id="selectall1" class="all" value="1">
    <label for="selectall1">Select all</label>
    <input type="checkbox" name="check[]" id="check1" value="1">
    <label for="check1">1. checkbox</label>
    <input type="checkbox" name="check[]" id="check2" value="2">
    <label for="check2">2. checkbox</label>
    <input type="checkbox" name="check[]" id="check3" value="3">
    <label for="check3">3. checkbox</label>
    <input type="checkbox" name="check[]" id="check4" value="4">
    <label for="check4">4. checkbox</label>

2. Download the jQuery checkboxAll plugin and insert the JavaScript file jquery.checkboxall.min.js after jQuery.

<script src="" 
<script src="jquery.checkboxall-1.0.min.js"></script>

3. Call the function on the parent container and done.

$(document).ready(function() {

This awesome jQuery plugin is developed by bracsok3. For more Advanced Usages, please check the demo page or visit the official website.