Select All Checkboxes in a Form with JavaScript

This simple JavaScript function allows you to quickly select or unselect all the checkboxes in a form.

NOTE: This function was updated on January 4, 2006 to work no matter where you place the event handler checkbox named "checkall". Also... there is a more versatile function called checkUncheckSome() that has more control.

function checkUncheckAll(boxController)

To use this function place the following code inside the head of your HTML:
Please include credit when using this script and read this site's Terms & Conditions before using.

Using this code and applying an input with the name of "checkall" you can select or unselect all checkboxes.

Example:

select/unselect

Example code below:

<form><input type="checkbox" name="check1"/>
<br/>
<input type="checkbox" name="check2"/>
<br/>
<input type="checkbox" name="check3"/>
<br/>
<input type="checkbox" name="check4"/>
<br/>
<input type="checkbox" name="check5"/>
<br/>
<input type="checkbox" name="checkall" onclick="checkUncheckAll(this);"/>select/unselect</form>