В этой статье демонстрируется назначение, функциональность и использование свойства «checked» для HTML DOM Input Radio в JavaScript.
Что такое свойство HTML DOM Input Radio «checked» в JavaScript?
Свойство Input Radio «checked» работает с HTML-формами и полями ввода, чтобы установить и проверить статус кнопки «Radio».
Синтаксис (установить проверенное свойство)
радиоОбъект. проверил '=' истинный | ЛОЖЬСогласно определенному синтаксису возврата, свойство «checked» поддерживает два параметра, перечисленных ниже:
- истинный: Это означает, что соответствующий элемент проверен.
- ЛОЖЬ: Это указывает на то, что соответствующий элемент не отмечен.
Синтаксис (возврат проверенного свойства)
радиоОбъект. проверилВ приведенном выше синтаксисе « радиоОбъект ” относится к HTML “ <ввод> » элемент типа «радио».
Давайте воспользуемся указанным выше синтаксисом, чтобы объяснить использование свойства HTML DOM Input Radio «checked» с помощью приведенных практических примеров.
Пример 1. Применение свойства Input Radio «checked» Использование базового синтаксиса
В первом примере кнопка «Радио» создается для установки свойства «проверено» с использованием определенного обобщенного синтаксиса.
HTML-код
Во-первых, посмотрите на указанный HTML-код:
< тип кузова '=' 'выравнивание текста: по центру' >
< h2 > HTML Свойство DOM Input Radio Checked h2 >
Цвет : < тип ввода '=' 'радио' идентификатор '=' 'желтый' > Желтый < бр >< бр >
< кнопка при нажатии '=' 'проверка цвета()' > Проверять 'желтый' кнопка >
< кнопка при нажатии '=' 'цветСнять отметку()' > Снимите флажок 'желтый' кнопка >
В приведенных выше строках кода:
- “ <тело> Тег определяет раздел тела, который выровнен по « центр ».
- “ Тег указывает на первый подзаголовок.
- “ <ввод> » добавляет кнопку «Радио», указав тип ввода « радио 'с назначенным идентификатором' желтый ».
- “ <кнопка> » добавляет простую кнопку, связанную с « по щелчку ” для выполнения “ проверка цвета() », которая будет доступна при нажатии кнопки.
- Точно так же и другой « <кнопка> » создает кнопку для вызова « цветСнять отметку() ” при нажатии кнопки.
JavaScript-код
Далее следуйте приведенному коду JavaScript:
< сценарий >функция проверки цвета ( ) {
документ. получитьэлементбиид ( 'желтый' ) . проверил '=' истинный ;
}
функция colorUncheck ( ) {
документ. получитьэлементбиид ( 'желтый' ) . проверил '=' ЛОЖЬ ;
}
сценарий >
В приведенном выше фрагменте кода:
- Первая функция» проверка цвета() » использует « документ.getElementById() ', чтобы получить переключатель, свяжите ' проверил » и установите для него значение «true».
- С другой стороны, функция « цветСнять отметку() » устанавливает значение « проверил » на «false» для доступной радиокнопки.
Выход
Как видно, выходные данные проверяют кнопку «Радио» при нажатии кнопки (с именем «Проверить») и снимают отметку при нажатии кнопки («Снять отметку»).
Пример 2: Возврат входного значения Radio «checked»
В этом примере свойство Input Radio «checked» применяется для возврата состояния целевой кнопки «Radio» в виде логического значения.
HTML-код
Рассмотрим следующий HTML-код:
< тип кузова '=' 'выравнивание текста: по центру' >< h2 > HTML Свойство DOM Input Radio Checked h2 >
Цвет : < тип ввода '=' 'радио' проверил '=' истинный идентификатор '=' 'желтый' > Желтый < бр >< бр >
< кнопка при нажатии '=' 'проверка цвета()' > Проверять 'желтый' кнопка >
< идентификатор p '=' 'образец' >< п >
В приведенном выше блоке кода « Радио Кнопка создана, и статус « проверил ” установлено значение “ истинный ». После этого аналогично вызывается указанная функция через присоединенный « по щелчку ” событие с помощью кнопки.
JavaScript-код
Теперь рассмотрим следующие строки кода:
< сценарий >функция проверки цвета ( ) {
где '=' документ. получитьэлементбиид ( 'желтый' ) . по умолчанию проверено ;
документ. получитьэлементбиид ( 'образец' ) . внутреннийHTML '=' т ;
}
сценарий >
В приведенном выше фрагменте кода:
- Определите функцию с именем « проверка цвета() ».
- В его определении применяется « документ.getElementById() », чтобы получить доступ к кнопке «Радио», используя ее идентификатор «желтый» и связать « по умолчанию проверено », чтобы проверить значение по умолчанию для « проверил атрибут.
- Наконец, примените « документ.getElementById() ” еще раз, чтобы получить включенный пустой абзац и отобразить статус свойства “checked”.
.
Выход
После анализа результат возвращает статус данной кнопки «Радио», т. е. « истинный ” после нажатия кнопки.
Заключение
В JavaScript свойство HTML DOM Input Radio «checked» полезно для установки и возврата проверенного статуса кнопки «Radio». Синтаксис set свойства «checked» работает с двумя значениями « истинный ' и ' ЛОЖЬ ». С другой стороны, его синтаксис возврата не требует никаких параметров. В этой статье продемонстрированы цель, функциональность и использование свойства HTML DOM Input Radio «checked» в JavaScript.