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






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