A Checkbox and an onclick Event Handler : CheckBox « Form Control « JavaScript DHTML






  1. JavaScript DHTML
  2. Form Control
  3. CheckBox

A Checkbox and an onclick Event Handler

  
<html> 
<head> 
<title>Checkbox Event Handler</title> 
<style type="text/css"> 
#myGroup {visibility:hidden} 
</style> 
<script type="text/javascript"> 
function toggle(chkbox, group) { 
    var visSetting = (chkbox.checked) ? "visible" : "hidden"; 
    document.getElementById(group).style.visibility = visSetting; 
} 
function swap(radBtn, group) { 
    var modemsVisSetting = (group == "modems") ? ((radBtn.checked) ? "" : "none") : "none"; 
    document.getElementById("modems").style.display = modemsVisSetting; 
} 
</script> 
</head> 
<body> 
<form> 
<input type="checkbox" name="monitor" onclick="toggle(this, 'myGroup')" />Monitor
<span id="myGroup">
  <input type="radio" />15" 
</span>
</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.Using the HTML Form Elements Array
7.Checkbox in a form
8.Check and uncheck a checkbox
9.Checkboxes in a form
10.Checkbox Action
11.Determining Whether a Checkbox Object Is Checked
12.The Checkbox Object's checked Property
13.The checked Property as a Conditional
14. A Checkbox and an onClick event Handler
15.Check a CheckBox
16.Is checked
17. Methods and Properties of the Checkbox Object
18.A Checkbox, an onclick Event Handler and show/hide form controls
19.Get value from check box