Select or Uncheck All - JavaScript Checkboxes

This is dynamic checkboxes in a form. You can checks and unchecks all the checkboxes in a form when a button is clicked.

Script Demo:

Demo

JavaScript Code:

Insert this code into <head> tags

<script type="text/javascript">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";
  }
}
</script>

Insert this code into <body> tags

<form name=myform action="" method=post>
<table>
  <tr><td>
    <strong>Demo, check it</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">Php<br />
    <br />
    <input type=button value="Check All" onClick="this.value=check(this.form.list)">
  </td></tr>
</table>
</form>
   <form name="form9" action="mailto:SAMPLE@WEBSITE.com" method="GET" enctype="text/plain">
   <input name="Comment" type="text" value="Your comment here!" tabindex="3" maxlength="50">
   <input type="submit" name="submit" value="submit">
   </form>

Instruction:

Change SAMPLE@WEBSITE.com : E-mail address you want to receive information.
Modify the table style to suit your site.

Webmaster » Web Programming » JavaScript » Forms » Select or Uncheck All - Checkboxes

Related Links:

Home | Sitemap | Bookmark This Page

Sponsored Links

Recommended Links