JQuery Plugin Repository

Close Complete List of Plugins

toggleAllCheckboxes  |  Category: Forms  |  Modified: 29 Oct 2009  |  Select / deselect all checkboxes in specified group.

This plugin will select or deselect all checkboxes in a related group based on the status of one or more controls elements, typically a global checkbox.

Summary

Script File

jq.toggleAllCheckboxes.js ( view )

Available Options

(none)

Basic Usage

$("input[rel='GRP']")
  .toggleAllCheckboxes();

where GRP is the group of checkboxes associated by their REL attribute.

Minimum Browser Support

  • Apple Safari 3
  • Google Chrome 1
  • Microsoft Internet Explorer 6
  • Mozilla Firefox 3
  • Opera 9

Example 1

Doctors

Name Rank Position SSN
Name Rank Position SSN
Burns, Frank Major Surgeon 012-34-5678
Hunnicut, BJ Captain Surgeon 901-23-4567
Pierce, Benjamin Captain Chief Surgeon 678-90-1234
Potter, Sherman Colonel Commanding Officer 789-01-2345
Winchester, Charles Major Surgeon 123-45-6789

Others

Name Rank Position SSN
Name Rank Position SSN
Houlihan, Margaret Major Head Nurse 234-56-7890
Klinger, Maxwell Corporal Clerk 345-67-8901
Mulcahy, Francis Lieutenant Priest 567-89-0123
Nakahara, Kellye Lieutenant Nurse 890-12-3456
O'Reilly, Walter Corporal Clerk 456-78-9012

Associated Code

<script type="text/javascript">
  $(document).ready(function() {
    $("input[rel='cbDocs']").toggleAllCheckboxes();
    $("input[rel='cbOthers']").toggleAllCheckboxes();
    });
</script>

Example 2

  1. Hide List Select / Deselect All
  2. Option A1
    Option A2
    Option A3
    Option A4
    Option A5
    Option A6
  3. Hide List Select / Deselect All
  4. Option B1
    Option B2
    Option B3
    Option B4
    Option B5
    Option B6

Associated Code

<script type="text/javascript">
  $(document).ready(function() {
    $("input[rel='cbCat1'], input[rel='cbCat2']").toggleAllCheckboxes();
    });
</script>

JQuery Plugin Repository | Home | Print

back to ksscholl.com