Using the HTML Form Elements Array

 
<HTML>
<HEAD>
<TITLE>Elements </TITLE>
</HEAD>
<BODY>
<SCRIPT> 
   function uClicked (theBox){ 
      if (!theBox.checked) 
         alert ("You unchecked the box."); 
      else 
         alert ("You checked the box."); 
   } 
   function clearChecks(form){ 
      for (var i = 0; i < 100; ++i) { 
         form.elements[i].checked = false; 
      } 
   } 
   function checkAll(form){ 
      for (var i = 0; i < 100; ++i) { 
         form.elements[i].checked = true; 
      } 
   } 
   </SCRIPT>
<form><CENTER>
<INPUT TYPE="checkbox" onClick="uClicked(this)">
<INPUT TYPE="checkbox" onClick="uClicked(this)">
<INPUT TYPE="checkbox" onClick="uClicked(this)">
<INPUT TYPE="checkbox" onClick="uClicked(this)">
<INPUT TYPE="checkbox" onClick="uClicked(this)">
<INPUT TYPE="checkbox" onClick="uClicked(this)">

<INPUT TYPE="button" VALUE="Check All" onClick="checkAll(this.form)">
<INPUT TYPE="button" VALUE="Clear Checks" onClick="clearChecks(this.form)">
</FORM>


</BODY>
</HTML>

Related examples in the same category

1.	Call 'click()' to triger event
2.	'defaultChecked' Example
3.	Check status Example
4.	'indeterminate' Example
5.	CheckBox check action
6.	Checkbox in a form
7.	Check and uncheck a checkbox
8.	Checkboxes in a form
9.	Checkbox Action
10.	Determining Whether a Checkbox Object Is Checked
11.	The Checkbox Object's checked Property
12.	The checked Property as a Conditional
13.	A Checkbox and an onClick event Handler
14.	Check a CheckBox
15.	Is checked
16.	Methods and Properties of the Checkbox Object
17.	A Checkbox and an onclick Event Handler
18.	A Checkbox, an onclick Event Handler and show/hide form controls
19.	Get value from check box

Using the HTML Form Elements Array : CheckBox « Form Control « JavaScript DHTML

Related examples in the same category