Как выбрать радиокнопку по умолчанию?
По умолчанию ' проверил ” используется для выбора переключателя. Если этот атрибут используется для нескольких переключателей, то по умолчанию выбирается самый последний переключатель. Следуйте пошаговым инструкциям в блоге, чтобы выбрать переключатель по умолчанию:
Шаг 1: Создайте радиокнопки
В файле HTML создайте три переключателя и прикрепите к ним метки:
< центр >
< h3 > Выберите свой уровень опыта: < / h3 >
< див >
< вход тип '=' 'радио' идентификатор '=' 'новичок' имя '=' 'опыт' ценить '=' 'новичок' >
< этикетка для '=' 'новичок' > Новичок < / этикетка >
< / див >
< див >
< вход тип '=' 'радио' идентификатор '=' 'средний' имя '=' 'опыт' ценить '=' 'средний' >
< этикетка для '=' 'средний' > Средний < / этикетка >
< / див >
< див >
< вход тип '=' 'радио' идентификатор '=' 'продвигать' имя '=' 'опыт' ценить '=' 'продвигать' >
< этикетка для '=' 'продвигать' > Продвигать < / этикетка >
< / див >
< / центр >
В приведенном выше фрагменте кода:
- Радиокнопка формируется путем создания простого « <ввод> ” и установив его тип на “ радио ».
- Назначьте каждой радиокнопке «имя», «идентификатор» и «значение».
- В конце используйте « идентификатор ” поля ввода, чтобы прикрепить “ <метка> », используя тег « для атрибут.
После выполнения скрипта вывод, как показано ниже:
На рисунке показано, что переключатели отображаются, но ни одна из них не выбрана по умолчанию.
Шаг 2: Выберите по умолчанию
“ проверил ” используется для автоматического выбора переключателя. Он выбирает только один вариант. Вот почему лучше выбрать один переключатель по умолчанию. Он ограничивает пользователя выбором правильного варианта:
< див >
< вход тип '=' 'радио' идентификатор '=' 'новичок' имя '=' 'опыт' ценить '=' 'новичок' проверено>
< этикетка для '=' 'новичок' >Начинающий< / этикетка >
< / див >
В приведенном выше коде проверил атрибут используется и назначается только первому полю ввода.
Теперь после выполнения приведенного выше кода веб-страница выглядит так:
Вывод показывает, что первый переключатель выбирается по умолчанию при каждом обновлении страницы.
Дополнительный совет: использование JavaScript для выбора переключателя по умолчанию
Чтобы выбрать переключатель по умолчанию с помощью JavaScript, получите доступ к переключателю, используя id. Затем выберите его проверенный атрибут и установите для его логического значения значение «true», как в приведенном ниже коде:
< сценарий >документ.getElementById ( 'новичок' ) . проверил '=' истинный;
< / сценарий >
В этом кодексе « новичок ” — это идентификатор той радиокнопки, которая выбрана по умолчанию.
После компиляции скрипта вывод, как показано ниже:
На приведенном выше снимке первая радиокнопка выбрана по умолчанию с помощью JavaScript.
Заключение
Для выбора радиокнопки пользователи могут использовать кнопку « проверил атрибут. Если проверенный атрибут используется более чем в одном переключателе, то переключатель получает самое последнее значение «отмеченного» атрибута. Чтобы выбрать переключатель по умолчанию с помощью JavaScript, получите доступ к переключателю, используя id. Этот блог успешно продемонстрировал, как выбрать переключатель по умолчанию.