X
HOME HTML CSS JAVASCRIPT SQL PHP JQUERY ANGULAR BOOTSTRAP XML ASP.NET MORE...
REFERENCES | EXAMPLES | FORUM | ABOUT

Input Checkbox checked Property

Input Checkbox Object Reference 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

Internet Explorer Firefox Opera Google Chrome Safari

The checked property is supported in all major browsers.


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].coffee;
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 Reference Input Checkbox Object

Your suggestion:

Close [X]

Thank You For Helping Us!

Your message has been sent to W3Schools.

Close [X]
Search w3schools.com:

WEB HOSTING

UK Reseller Hosting

WEB BUILDING

Download XML Editor FREE Website BUILDER Free HTML5 Templates

SHARE THIS PAGE

facebook