Checkbox in a form : CheckBox « Form Control « JavaScript DHTML






Checkbox in a form

 
<html>

<head>
<script type="text/javascript">
    function check(){
        coffee=document.forms[0].coffee
        answer=document.forms[0].answer
        txt=""
        for (i=0;i<coffee.length;++ i){
            if (coffee[i].checked){
                txt=txt + coffee[i].value + " "
            }
        }
        answer.value="You ordered a coffee with " + txt
    }
</script>
</head>

<body>
<form>
How would you like your coffee?<br>
<input type="checkbox" name="coffee" value="cream">With cream<br>
<input type="checkbox" name="coffee" value="sugar">With sugar<br>
<br>
<input type="button" name="test" onclick="check()" value="Send order">
<br>
<input type="text" name="answer" size="50">
</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.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