Input Checkbox checked Attribute

HTML DOM Input Checkbox Object

Definition and Usage

checked Sets or returns the checked state of the checkbox.

This property reflects the HTML checked attribute.

See also:

HTML Reference Manual:HTML <input> checked Attribute

Example

Example 1

Set the checked state of the checkbox:

function check() {
    document.getElementById("myCheck").checked = true;
}
function uncheck() {
    document.getElementById("myCheck").checked = false;
}

Try it yourself

Example 2

Check if the checkbox is selected:

var x = document.getElementById("myCheck").checked;

Try it yourself

Example 3

Use checkboxes to convert text in input fields to uppercase:

document.getElementById("fname").value = document.getElementById("fname").value.toUpperCase();

Try it yourself

Example 4

Several checkboxes in the 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 coffee with: " + txt;

Try it yourself

Syntax

Return the checked attribute:

checkboxObject.checked

Set the checked attribute:

checkboxObject.checked = true|false

Attribute Value

Value Description
true|false

Specifies whether the checkbox should be selected

  • true - The checkbox is selected
  • false - Default. The checkbox is not selected

Technical Details

Return Value: Boolean value, returned if the checkbox is selected trueIf the checkbox is not selected, it returns false.

Browser Support

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support

HTML DOM Input Checkbox Object