Check All

Nannette Thacker Apr 28, 2000

General

Dynamically checks and unchecks all the checkboxes in a form when a button is clicked. Much easier than manually hard-coding the checkbox names.

Notes

Created by: Nannette Thacker
Web Site: http://www.shiningstar.net
Posted: April 28, 2000

Source Code

Paste this source code into the designated areas.

External file

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

/* This script and many more are available free online at
The JavaScript Source!! http://www.javascriptsource.com
Created by: Nannette Thacker | http://www.shiningstar.net */
var checkflag = "false";
function check(field) {
  if (checkflag == "false") {
    for (i = 0; i < field.length; i++) {
      field[i].checked = true;
    }
    checkflag = "true";
    return "Uncheck All";
  } else {
    for (i = 0; i < field.length; i++) {
      field[i].checked = false;
    }
    checkflag = "false";
    return "Check All";
  }
}

Head

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


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

Body

Paste this code into the BODY section of your HTML document


<form name=myform action="" method=post>
<table>
  <tr><td>
    <strong>Make a selection</strong><br>
    <input type=checkbox name=list value="1">Java<br>
    <input type=checkbox name=list value="2">JavaScript<br>
    <input type=checkbox name=list value="3">ASP<br>
    <input type=checkbox name=list value="4">HTML<br>
    <input type=checkbox name=list value="5">SQL<br>
    <br>                                                    
    <input type=button value="Check All" onClick="this.value=check(this.form.list)"> 
  </td></tr>
</table>
</form>

Leave a Response

(0 comments)

Alphabetical Listing

Tutorials

Ajax Tutorials

Ajax

Buttons

Cookies

CSS

Forms

Games

Generators

Image Effects

Math Related

Miscellaneous

Multimedia

Navigation

Page Details

Password

Snippets

Text Effects

Time & Date

User Details