Input Checkbox checked Property
Example
Set the checked state of a checkbox:
function check() {
document.getElementById("myCheck").checked = true;
}
function uncheck() {
document.getElementById("myCheck").checked = false;
}
Try it Yourself »
Definition and Usage
The checked property sets or returns the checked state of a checkbox.
This property reflects the HTML checked attribute.
Browser Support
| Property | |||||
|---|---|---|---|---|---|
| checked | Yes | Yes | Yes | Yes | Yes |
Syntax
Return the checked property:
checkboxObject.checked
Set the checked property:
checkboxObject.checked=true|false
Property Values
| Value | Description |
|---|---|
| true|false |
Specifies whether a
checkbox should be checked or not.
|
Technical Details
| Return Value: | A Boolean, returns true if the checkbox is checked, and false if the checkbox is not checked |
|---|
More Examples
Example
Find out if a checkbox is checked or not:
var x = document.getElementById("myCheck").checked;
The result of x will be:
false
Try it Yourself »
Example
Use a checkbox to convert text in an input field to uppercase:
document.getElementById("fname").value = document.getElementById("fname").value.toUpperCase();
Try it Yourself »
Example
Several checkboxes in a form:
var coffee = document.forms[0];
var
txt = "";
var i;
for (i = 0; i < coffee.length; i++) {
if
(coffee[i].checked) {
txt = txt +
coffee[i].value + " ";
}
}
document.getElementById("order").value = "You ordered a coffee with: " + txt;
Try it Yourself »
Related Pages
HTML reference: HTML <input> checked attribute
Input Checkbox Object
