Latest web development tutorials
 

Input Checkbox checked Property

< Input Checkbox Object

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.
  • true - The checkbox is checked
  • false - Default. The checkbox is not checked

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