Check or uncheck all checkboxes using a button
Option 1
Option 2
Option 3
Option 4
Option 5

Here is the HTML:
<form name="formname">
<input type="checkbox" name="checkboxname">Option 1<br>
<input type="checkbox" name="checkboxname">Option 2<br>
<input type="checkbox" name="checkboxname">Option 3<br>
<input type="checkbox" name="checkboxname">Option 4<br>
<input type="checkbox" name="checkboxname">Option 5<br>
<input type="button" name="buttonname" value="Check all" onclick="check(document.formname.checkboxname);">
<input type="button" name="buttonname" value="Uncheck all" onclick="uncheck(document.formname.checkboxname);">
</form>
Here is the Javascript:
<script type="text/javascript">
var checkboxes = 5; //The number of checkboxes
function check(form){
      for(var i=0;i<checkboxes;i++){
             form[i].checked = true;
      }
}
function uncheck(form){
      for(var i=0;i<checkboxes;i++){
            form[i].checked = false;
      }
}
</script>

0 comments:

Post a Comment