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






Checkboxes 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><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>
    <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.Checkbox in a form
8.Check and uncheck a checkbox
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