Checkbox Action : CheckBox : Form Control : JavaScript DHTML examples (example source code) Organized by topic

JavaScript DHTML
C++
PHP
JavaScript DHTML Home »  Form Control   » [  CheckBox  ]   
 



Checkbox Action

Please note that some example is only working under IE or Firefox.



<html>
<body>

<script type="text/javascript">
function convertField(field){
    if (document.form1.convertUpper.checked){
      field.value=field.value.toUpperCase()
  }
}

function convertAllFields(){
    document.form1.fname.value=document.form1.fname.value.toUpperCase()
    document.form1.lname.value=document.form1.lname.value.toUpperCase()
}
</script>

<form name="form1">
    First name: 
    <input type="text" name="fname" onChange="convertField(this)" size="20" />
    <br>
    Last name: 
    <input type="text" name="lname" onChange="convertField(this)" size="20" />
    <br>
    Convert fields to upper case 
    <input type="checkBox" name="convertUpper" 
            onClick="if (this.checked) {convertAllFields()}" value="ON">
</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.  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
























Home| Contact Us
Copyright 2003 - 04 Demo Source and Support. All rights reserved.
All other trademarks are property of their respective owners.