В этой статье показано назначение, работа и использование свойства «отключено» флажка ввода HTML DOM в JavaScript.
Как свойство HTML DOM Input «disabled» работает в JavaScript?
Флажок ввода “ неполноценный ” зависит от атрибута “checkbox”. Он работает с HTML-формами и полями ввода, чтобы отключить и отменить отключение данных флажков.
Синтаксис (установите отключенное свойство)
флажокОбъект. неполноценный '=' истинный | ЛОЖЬСогласно определенному синтаксису возврата, свойство «отключено» поддерживает два параметра, перечисленных ниже:
- истинный: Это означает, что соответствующий флажок отключен.
- ложь (значение по умолчанию): Это необязательное значение, которое означает, что соответствующий флажок не отключен.
Возврат (возврат отключенного свойства)
флажокОбъект. неполноценныйВ приведенном выше синтаксисе « флажокОбъект ” соответствует HTML “ флажок элемент.
Давайте используем определенный выше синтаксис в приведенных ниже примерах, чтобы понять практическую реализацию свойства «отключено».
Пример 1. Применение свойства «отключено» флажка ввода Использование базового синтаксиса
В первом примере добавлен «флажок», чтобы отключить его с помощью определенного обобщенного синтаксиса.
HTML-код
Во-первых, проанализируйте данный HTML-код:
< тип кузова '=' 'выравнивание текста: по центру' >
< h2 > HTML Ввод ДОМ Флажок отключенное свойство в JavaScript h2 >
Флажок : < тип ввода '=' 'флажок' идентификатор '=' 'демо' > Форма отправлена < бр >< бр >
< п > Данный флажок отключен п >
В приведенных выше строках кода:
- “ <тело> Тег указывает раздел тела, который выровнен по « центр » с помощью « стиль атрибут.
- “ ” определяет подзаголовок уровня 2.
- “ <ввод> » создает «флажок», указывая тип ввода « флажок «имеющий присвоенный идентификатор» демо ».
- “ » добавляет элемент абзаца для отображения результирующего результата.
JavaScript-код
Далее посмотрите на код JavaScript:
< сценарий >документ. получитьэлементбиид ( 'демо' ) . неполноценный '=' истинный ;
сценарий >
В приведенном выше фрагменте кода « документ.getElementById() » применяется для получения флажка с использованием его идентификатора «demo», а значение свойства «disabled» устанавливается равным « истинный », который отключает флажок.
Выход
Приведенный выше вывод подтверждает, что данный флажок отключен из-за « неполноценный ” свойство установлено в “ истинный ».
Пример 2. Возврат значения свойства «отключено» для флажка ввода
В этом примере свойство «отключено» применяется для возврата состояния целевого флажка в виде логического значения (истина/ложь).
HTML-код
Рассмотрим следующий HTML-код:
< тип кузова '=' 'выравнивание текста: по центру' >< h2 > HTML Ввод ДОМ Флажок отключенное свойство в JavaScript h2 >
Флажок : < тип ввода '=' 'флажок' неполноценный '=' истинный идентификатор '=' 'демо' > Форма отправлена < бр >< бр >
< идентификатор p '=' 'образец' > п >
В приведенном выше блоке кода:
- Флажок присваивается и статус « неполноценный ” установлено значение “ истинный ».
- После этого пустое « » добавляется элемент с назначенным идентификатором «sample» для добавления вывода.
JavaScript-код
Теперь перейдем к коду JavaScript:
< сценарий >Eсть '=' документ. получитьэлементбиид ( 'демо' ) . неполноценный ;
документ. получитьэлементбиид ( 'образец' ) . внутреннийHTML '=' а ;
сценарий >
В приведенном выше коде:
- Переменная ' а » использует « документ.getElementById() », чтобы получить доступ к флажку, используя его идентификатор «demo», и связать « неполноценный », чтобы проверить, отключен ли выбранный флажок или нет.
- Снова примененный метод «document.getElementById()» извлекает включенный пустой абзац и отображает статус «отключенного» свойства в виде абзаца.
Выход
После анализа результат возвращает присвоенный статус «флажок», т. е. « истинный ».
Пример 3. Отключение и отключение флажка с помощью свойства «отключено» флажка ввода
Помимо установки и возврата статуса флажка, свойство «отключено» также позволяет пользователям одновременно отключать и снимать флажок. Давайте посмотрим на это практически.
HTML-код
Давайте рассмотрим написанный HTML-код:
< тип кузова '=' 'выравнивание текста: по центру' >< h2 > HTML Ввод ДОМ Флажок отключенное свойство в JavaScript h2 >
Флажок : < тип ввода '=' 'флажок' идентификатор '=' 'демо' > Форма отправлена вход >< бр >< бр >
< кнопка при нажатии '=' 'ПроверитьОтключить()' > Снимите флажок кнопка >
< кнопка при нажатии '=' 'проверитьUndisable()' > Снимите флажок кнопка >
В приведенном выше блоке кода:
- Аналогичным образом установите флажок и добавьте кнопку с надписью « по щелчку », которое выполняет « проверитьОтключить() ” при нажатии кнопки.
- После этого добавляется вторая кнопка, которая также использует обработчик события «onclick» для выполнения « проверитьUndisable() ” при нажатии кнопки.
JavaScript-код
Затем выполните приведенный ниже код:
< сценарий >проверка функцииОтключить ( ) {
документ. получитьэлементбиид ( 'демо' ) . неполноценный '=' истинный ;
}
проверка функцииUndisable ( ) {
документ. получитьэлементбиид ( 'демо' ) . неполноценный '=' ЛОЖЬ ;
}
сценарий >
В приведенных выше строках кода:
- Определите функцию с именем « проверитьОтключить() », который применяет « документ.getElementById() », чтобы подойти к флажку через его идентификатор «demo» и установить для него значение «true».
- Вторая функция» проверитьUndisable() » снова применяет метод «document.getElementById()» для повторного доступа к флажку и устанавливает для него значение «false», если пользователь нажимает включенную вторую кнопку с именем «Undisable the checkbox».
Выход
Вывод «отключает» данный флажок, когда пользователь нажимает первую кнопку, и «отключает» его, если пользователь соответственно нажимает вторую кнопку.
Заключение
В JavaScript флажок ввода HTML DOM « неполноценный Свойство помогает пользователям устанавливать и возвращать проверенный статус «флажка». Он определяет обобщенный синтаксис как для процессов «установить», так и для «возврата». Синтаксис set работает с двумя значениями: истинный ' и ' ЛОЖЬ ». С другой стороны, его синтаксис возврата не требует никаких параметров. В этой статье продемонстрирована объективная, рабочая и практическая реализация свойства «отключено» HTML DOM Input Checkbox в JavaScript.