checked: начальное состояние checkbox и radio

Назначение

Атрибут checked определяет начальное выбранное состояние checkbox или radio в HTML-разметке.

Как это работает

Текущее состояние после действий пользователя читают через свойство checked в JavaScript. Атрибут и текущее свойство могут различаться. Для radio одно name объединяет взаимоисключающие варианты.

Пример

<label><input type="checkbox" name="digest" value="yes" checked> Получать учебную подборку</label>

Что должно получиться

Флажок изначально включён и может быть переключён пользователем. Это только демонстрация состояния: пример не оформляет настоящую подписку.

Граница применения и частая ошибка

checked="false" всё равно задаёт наличие булева атрибута. Чтобы начальное состояние было выключенным, удалите атрибут, а не меняйте его строковое значение.

Самостоятельная проверка

Переключите флажок, затем сравните getAttribute("checked") и свойство checked в локальной консоли. Объясните, почему исходная разметка не обязана отражать текущее действие.

HTML и CSS можно изменить в песочнице ниже. Она изолирована: JavaScript, внешние ресурсы и отправка форм отключены. Для проверки сетевых запросов, отправки данных или функций браузера используйте отдельную локальную страницу.

Связанные материалы

• Формы HTML
• Элемент input
• Проверка с клавиатуры