return to homepage

Scripts: Javascript

Select/Deselect All Checkboxes

This script allows you to select and deselect all the checkboxes in a <FORM>. This is as used in the family email list.

one two three four five

<SCRIPT LANGUAGE="JavaScript">
<!--

function SetChecked(val) {
for (i=0;i<document.checkboxes.elements.length;i++) {
document.checkboxes.elements[i].checked=val; }
}

//-->
</SCRIPT>

<INPUT TYPE=button VALUE="check all" onClick="SetChecked(1)">
<INPUT TYPE=button VALUE="clear all" onClick="SetChecked(0)">

<FORM NAME=checkboxes>

<INPUT TYPE=checkbox VALUE="1"> one
<INPUT TYPE=checkbox VALUE="2"> two
<INPUT TYPE=checkbox VALUE="3"> three
<INPUT TYPE=checkbox VALUE="4"> four
<INPUT TYPE=checkbox VALUE="5"> five

</FORM>