HTML | Объект флажка ввода DOM

Опубликовано: 27 Августа, 2022

Объект флажка ввода в HTML представляет собой флажок в HTML-форме.
Для каждого экземпляра элемента <input type = «checkbox»> в HTML-форме создается объект флажка. Для доступа к объекту флажка используйте индексирование массива элементов соответствующей формы или с помощью getElementById();
Создание объекта флажка : мы можем создать объект флажка через javascript. Чтобы создать элемент <input type = «checkbox»>, используйте метод document.createElement(). После создания используйте метод appendChild(), чтобы добавить его к определенному элементу (например, div) для его отображения.
Пример:

Выход:
Перед нажатием кнопки:

После нажатия кнопки:

Доступ к объекту флажка: мы можем получить доступ к объекту флажка с помощью метода getElementById(). Поместите идентификатор элемента флажка в getElementById(), чтобы получить к нему доступ.
Пример:

Выход:
Перед нажатием кнопки:

После нажатия кнопки:

Поддерживаемые браузеры : ниже перечислены браузеры, поддерживаемые свойством DOM Input Checkbox:

  • Гугл Хром
  • Интернет-проводник
  • Fire Fox
  • Опера
  • Сафари