FAQTs - Knowledge Base - View Entry - How to make a check box to check or uncheck all other check boxes in a form?

faqts : Computers : Programming : Languages : JavaScript : Forms : Checkboxes

+ Search

Entry

How to make a check box to check or uncheck all other check boxes in a form?

Aug 28th, 2000 07:41
Martin Honnen, Jap Boon Churn,

Here is a code example that works with NN4 and IE4+ (at least). NN6 has 
a bug however.
<HTML>
<HEAD>
<TITLE>
</TITLE>
<STYLE>
</STYLE>
<SCRIPT>
function checkBoxes (form, check) {
  for (var c = 0; c < form.elements.length; c++)
    if (form.elements[c].type == 'checkbox')
      form.elements[c].checked = check;
}
</SCRIPT>
</HEAD>
<BODY>
<FORM NAME="formName">
Check all
<INPUT TYPE="checkbox" NAME="checkAll"
       ONCLICK="checkBoxes(this.form, this.checked)"
>
<BR>
<UL>
<LI>
<INPUT TYPE="checkbox">
</LI>
<LI>
<INPUT TYPE="checkbox">
</LI>
<LI>
<INPUT TYPE="checkbox">
</LI>
<LI>
<INPUT TYPE="checkbox">
</LI>
<LI>
<INPUT TYPE="checkbox">
</LI>
<LI>
<INPUT TYPE="checkbox">
</LI>
</UL>
</FORM>
</BODY>
</HTML>