Html checked: Атрибут checked | htmlbook.ru - Блог сумасшедшего сисадмина

seodon.ru | Теги HTML — Тег INPUT

<INPUT>Aтрибуты
Личные:
align
alt
autocomplete
checked
disabled
maxlength
name
readonly
size
src
type
value
Общие:
accesskey
class
dir
id
lang
style
tabindex
title

Опубликовано: 25.06.2010 Последняя правка: 08.12.2015

Атрибут checked, тега <INPUT>, применяется для изначальной установки поля с флажком или переключателем в активное состояние, только для type=»checkbox» или «radio». Данный атрибут играет роль булевой переменной.

При загрузке HTML-страницы браузеры устанавливают все флажки и переключатели в неактивное состояние, а при помощи checked сразу можно сделать поле активным. Причем, если вы установите checked для нескольких переключателей одновременно, то браузеры активизируют только тот, который находится последним (сверху вниз, слева направо) в HTML-коде страницы.

А вот флажки можно сделать активными хоть все.

Булева переменная — это переменная, которая может иметь всего два значения: true или false (истина или ложь). В нашем случае присутствие checked является истиной (поле активно), а его отсутствие — ложью (неактивное поле).

Значения

Атрибут сам играет роль значения.

Значение по умолчанию: Если атрибут checked отсутствует, то поле неактивно.

Синтаксис

<input checked>

Обязательный атрибут: нет.

Пример HTML: применение атрибута checked

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "https://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>seodon.ru - Тег INPUT, атрибут checked</title>
 </head>
 <body>
  <form action="files/questions.php">
   <p>Ваше имя:<br>
    <input type="text" name="name" size="30"><br>
    Ваш пол:<br>
    <input type="radio" checked name="mankind" value="male">М
    <input type="radio" checked name="mankind" value="female">Ж<br>
    Что вы любите?<br>
    <input type="checkbox" checked name="food" value="1">Чай
    <input type="checkbox" name="food" value="2">Кофе
    <input type="checkbox" checked name="dance" value="3">Потанцуем</p>
   <div><input type="submit" name="ok" value="Отправить"></div>
  </form>
 </body>
</html>

Результат примера

Результат. Применение атрибута checked.

Поддержка версиями HTML

Версия:	HTML 4.01	HTML 5	XHTML 1.0	XHTML 1.1
Поддержка:	Да	Да	Да	Да

Поддержка браузерами

Браузер:	Internet Explorer	Google Chrome	Mozilla Firefox	Opera	Safari
Версия:	6.0 и выше	2.0 и выше	2.0 и выше	9.2 и выше	3.1 и выше
Поддержка:	Да	Да	Да	Да	Да

html — флажок «Изменить» установлен с помощью JavaScript

спросил 4 года 9 месяцев назад

Изменено 4 года, 9 месяцев назад

Просмотрено 12 тысяч раз

Я пытаюсь изменить часть своего HTML-кода с помощью JavaScript, но не могу заставить его работать:

 function trigger(){
  document. getElementById('mycheckbox').innerHTML="";
}

функция триггерВыкл () {
  document.getElementById('mycheckbox').innerHTML="";
}

 <тип ввода = "флажок">

Итак, если я нажму кнопку, я хочу добавить проверенный статус в свой HTML, а если я нажму другую кнопку, я хочу удалить проверенный статус. Это вообще возможно?

Приветствуется любая помощь! Большое спасибо, ребята!

javascript
html

Вы не можете установить innerHTML для типа ввода флажок . Используйте проверенное свойство , чтобы установить/снять флажок

 function trigger(){
  document.getElementById('mycheckbox').checked = true;
}

функция триггерВыкл () {
  document.getElementById('mycheckbox').checked = false;
}

Используйте проверенное свойство , например:

 function trigger(){
  document. getElementById('mycheckbox').checked=true;
}

функция триггерВыкл () {
  document.getElementById('mycheckbox').checked=false;
}

Просто сделайте так

 function trigger(){
  document.getElementById('mycheckbox').checked = true;
}
функция триггерВыкл () {
  document.getElementById('mycheckbox').checked = false;
}

Свойство innerHTML создаст внутри вашего mycheckbox еще один входной элемент

Зарегистрируйтесь или войдите в систему

Зарегистрируйтесь с помощью Google

Зарегистрироваться через Facebook

Зарегистрируйтесь, используя адрес электронной почты и пароль

Опубликовать как гость

Электронная почта

Обязательно, но не отображается

Опубликовать как гость

Электронная почта

Требуется, но не отображается

Нажимая «Опубликовать свой ответ», вы соглашаетесь с нашими условиями обслуживания и подтверждаете, что прочитали и поняли нашу политику конфиденциальности и кодекс поведения.

проверено · WebPlatform Docs

Сводка

Указывает начальное состояние флажка или переключателя.

Относится к	[html/элементы/ввод](/html/элементы/ввод)

Атрибут checked может использоваться для указания визуального или начального состояния элемента ввода. Он часто используется для переключения элемента через JavaScript.

В качестве логического атрибута допустимыми значениями являются « проверено » и ничего. Атрибут никогда не требуется.

Примеры

В этом примере показан набор переключателей, один из которых установлен по умолчанию.

 <форма>
    <набор полей>
        Переключатели
        
        Вариант 1

        
        Вариант 2

        
        Вариант 3

        
        Вариант 4

Просмотреть живой пример

В этом примере показан набор флажков, по умолчанию отмеченных несколькими флажками.

 <форма>
    <набор полей>
        Флажки
        
        Вариант 1

        
        Вариант 2

        
        Вариант 3

        
        Вариант 4

Просмотреть живой пример

Примечания

Флажки, которые не установлены, не возвращают свои значения при отправке формы .

Пользователь может выбрать переключатель, только если кнопка имеет имя . Набор переключателей определяется одинаковым значением атрибута name . Чтобы очистить выбранный переключатель, пользователь должен выбрать другую кнопку в наборе. Один переключатель в наборе всегда должен быть отмечен, иначе форма по умолчанию недействительна. Только значение выбранного переключателя возвращается, когда 9Подается форма 0121 .

Windows Internet Explorer 8 и более поздние версии. В стандартном режиме IE8 операции синтаксического анализа атрибута содержимого checked всегда влияют как на атрибут содержимого checked , так и на атрибут defaultChecked объектной модели документа (DOM). Например, removeAttribute(‘checked’) устанавливает как Checked , так и defaultChecked значение false. Аналогично, setAttribute(‘checked’, ‘checked’) устанавливает для обоих атрибутов DOM значение true (как если бы элемент подвергался повторному анализу). Дополнительные сведения о режиме IE8 см. в разделе Определение совместимости документов. Internet Explorer 8 и выше. В режиме IE8 Атрибут DOM defaultChecked отражает значение атрибута содержимого Checked .

Связанные спецификации

HTML5: Рекомендация кандидата W3C

См. также

Статьи по теме

HTML

user-modify
длина текста
значение
принять
действие
вариант
автозаполнение
автофокус
проверено
перекрестное происхождение
форма
формаEnctype
высота
список
макс (HTMLInputElement)
максимальная длина
мин.

несколько
только для чтения
размер
резервный
шаг
Элементы HTML
!ТИП ДОКТА
!ТИП ДОКТА
аббревиатура
б
б
бр
бр
кнопка
кнопка
заголовок
ссылка
код
цвет
колгруппа
список данных
или
дфн
раздел
эм
ВСТАВИТЬ
набор полей
шрифт
нижний колонтитул
головка
900:02 ч
HTML
и
изображение
ввод
дюймов
кбод
легенда
знак
опция
р
самп
сценарий
пролет
прочный
таблица
корпус
тд
фут
-й
время

Прочие изделия

флажок элемент
радио элемент

Внешние ресурсы

http://www.
No related posts.

Html checked: Атрибут checked | htmlbook.ru

seodon.ru | Теги HTML — Тег INPUT

Значения

Синтаксис

Поддержка версиями HTML

Поддержка браузерами

html — флажок «Изменить» установлен с помощью JavaScript

Зарегистрируйтесь или войдите в систему

Опубликовать как гость

Опубликовать как гость

проверено · WebPlatform Docs

Сводка

Примеры

Примечания

Примечания

Связанные спецификации

См. также

Статьи по теме

HTML

Прочие изделия

Внешние ресурсы

Добавить комментарий Отменить ответ

Рубрики

Рубрики