The JavaScript Source: Forms : Checkbox Changer

General

This script takes a series of known named checkboxes and checks or uncheck them all at once. It can even change each checkbox to the opposite checked or not checked value. Clever for loops.

Notes

Posted: July 27, 1999

Source Code

Paste this source code into the designated areas.

External file

Paste this code into an external JavaScript file named: checkboxChanger.js

/* This script and many more are available free online at
The JavaScript Source!! http://javascript.internet.com
Created by:  |  */

function checkAll() {
for (var j = 1; j <= 14; j++) {
box = eval("document.checkboxform.C" + j); 
if (box.checked == false) box.checked = true;
   }
}

function uncheckAll() {
for (var j = 1; j <= 14; j++) {
box = eval("document.checkboxform.C" + j); 
if (box.checked == true) box.checked = false;
   }
}

function switchAll() {
for (var j = 1; j <= 14; j++) {
box = eval("document.checkboxform.C" + j); 
box.checked = !box.checked;
   }
}

Head

Paste this code into the HEAD section of your HTML document.


<script type="text/javascript" src="checkboxChanger.js"></script>

Body

Paste this code into the BODY section of your HTML document


<form name=checkboxform>
<input type=checkbox name=C1 checked>C1<br>
<input type=checkbox name=C2 checked>C2<br>
<input type=checkbox name=C3 checked>C3<br>
<input type=checkbox name=C4 checked>C4<br>
<input type=checkbox name=C5 checked>C5<br>
<input type=checkbox name=C6 checked>C6<br>
<input type=checkbox name=C7 checked>C7<br>
<input type=checkbox name=C8 checked>C8<br>
<input type=checkbox name=C9 checked>C9<br>
<input type=checkbox name=C10 checked>C10<br>
<input type=checkbox name=C11 checked>C11<br>
<input type=checkbox name=C12 checked>C12<br>
<input type=checkbox name=C13 checked>C13<br>
<input type=checkbox name=C14 checked>C14<br>
<br>
<input type=button value="Check All" onClick="checkAll()"><br>
<input type=button value="Uncheck All" onClick="uncheckAll()"><br>
<input type=button value="Switch All" onClick="switchAll()"><br>
</form>

User Comments

Add a comment, suggestion, or correction

Comments feed

Navigation Menu

Internet.commerce

Internet.com

Developer Channel

Great Sites

Promotions

General

Notes

Source Code

External file

Head

Body

User Comments

3. From: kamesh
hi
12/15/2007 05:54:24

4. From: Lee (Admin)
05/12/2008 11:50:19

1. From: Michelle
Getting an Error
12/04/2007 09:03:25

2. From: Lee (Admin)
05/12/2008 11:49:04

Navigation Menu

Internet.commerce

Internet.com

Developer Channel

Great Sites

Promotions

General

Notes

Source Code

External file

Head

Body

User Comments

3. From: kameshhi12/15/2007 05:54:24

4. From: Lee (Admin)05/12/2008 11:50:19

1. From: MichelleGetting an Error12/04/2007 09:03:25

2. From: Lee (Admin)05/12/2008 11:49:04

3. From: kamesh
hi
12/15/2007 05:54:24

4. From: Lee (Admin)
05/12/2008 11:50:19

1. From: Michelle
Getting an Error
12/04/2007 09:03:25

2. From: Lee (Admin)
05/12/2008 11:49:04