Checkbox Changer - JavaScript Made Easy: Free JavaScripts Tutorials Example Code

Metachecker.net

|

TrafficChecker.net

|

RankChecker.net

Learn Java Script Today

|

Over 5000 Free Fonts

|

|

Javascript Forum

|

Other Javascript Resources

|

JavaScript Basics

Inserting Javascript

Complete Tutorial

Advance DHTML Tutorial


Checkbox Changer

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! C1 C2 C3 C4 C5 C6 C7 C8 C9 C10 C11 C12 C13 C14


Insert into <HEAD>
<SCRIPT LANGUAGE="JavaScript"> <!-- Begin 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; } } // End --> </script>

Insert into <BODY>
<center> <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> </center>

Other Options