Свойство checked для ввода Radio

Объект Input Radio DOM HTML

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

checked Установить или вернуть состояние выбранности радио-кнопки.

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

Дополнительная информация:

Руководство по HTML:Атрибут checked у <input> HTML

Пример

Пример 1

Выбрать и снять выбор с указанной радио-кнопки:

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

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

Пример 2

Проверить, выбрана ли радио-кнопка:

var x = document.getElementById("myRadio").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 = "Вы заказали кофе с:": + txt;

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

Грамматика

Возвратить свойство checked:

radioObject.checked

Установить свойство checked:

radioObject.checked = true|false

Значение свойства

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

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

  • true - радиокнопка选中
  • false - по умолчанию. Радиокнопка не выбрана

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

Возвратное значение: Булево значение, возвращается, если选中 радиокнопку true; если нет, возвращается false.

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

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

Объект Input Radio DOM HTML