HTML DOM Input Checkbox Checked Property - W3Schools

Trang chủ » C Checkbox Kontrolü » HTML DOM Input Checkbox Checked Property - W3Schools

Có thể bạn quan tâm

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 »

Description

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; 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 ★ +1 Sign in to track progress

Từ khóa » C Checkbox Kontrolü