| 10. 7. 3. Checkbox.checked |
|
|
Syntax |
|
document.form.checkbox.checked
|
|
The checked property holds the current state of a check box. |
Because this property is a read/write Boolean, the state of the check box can be altered by changing this property. |
|
<html>
<form name="orderForm">
<input type="checkbox" name="door4">4 doors<br>
<input type="checkbox" name="door2">2 doors<hr>
Step 2:
<input type="button" value="Submit Order" name="orderButton" onClick="submitOrder()">
</form>
<script language="JavaScript">
<!--
function submitOrder() {
if((document.orderForm.door4.checked == true) && (document.orderForm.door2.checked == true)){
alert("You selected two different door styles. Reselect door style.");
document.orderForm.door4.checked = false;
document.orderForm.door2.checked = false;
}else if((document.orderForm.door4.checked == false) && (document.orderForm.door2.checked == false)){
alert("You did not select a door style! Please select a door style.");
} else {
var alertString = String("Order: ");
if(document.orderForm.door4.checked == true)
alertString += "4 doors.";
if(document.orderForm.door2.checked == true)
alertString += "2 doors.";
alert(alertString);
}
}
-->
</script>
</html>
|
|