Атрибут checked поля ввода

Объект Input Checkbox DOM HTML

Определение и использование

checked Установить или вернуть состояние флажка.

Этот атрибут отражает атрибут checked HTML.

См. также:

HTML справочник:Атрибут checked элемента <input> HTML

Пример

Пример 1

Установить состояние флажка:

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

Попробуйте сами

Пример 2

Проверьте, выбран ли флажок:

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

Попробуйте сами

Пример 3

Используйте флажки для преобразования текста поля ввода в верхний регистр:

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

Попробуйте сами

Пример 4

Несколько флажков в форме:

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 = "Вы заказали кофе с:\

Попробуйте сами

Грамматика

Возвратить атрибут checked:

checkboxObject.checked

Установить атрибут checked:

checkboxObject.checked = true|false

Значение атрибута

Значение Описание
true|false

Определяет, должен ли быть выбран флажок.

  • true - флажок выбран
  • false - по умолчанию. Флажок не выбран

Технические детали

Возвратное значение: Булево значение, возвращается, если флажок выбран trueВозвращает, если флажок не выбран false.

Поддержка браузеров

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Поддержка Поддержка Поддержка Поддержка Поддержка

Объект Input Checkbox DOM HTML