Почему я могу выбрать несколько переключателей?
У меня есть HTML-форма с переключателями, и я могу выбрать несколько, но почему? Я ничего не могу с собой поделать.
Это мой HTML:
<input type = "radio" name = "nameA" id = "nameA" value = "nameA">
<label for = "nameA">Choice A</label>
<input type = "radio" name = "nameB" id = "nameB" value = "nameB">
<label for = "nameB">Choice B</label>
Для тех, кто нашел этот вопрос: решение - дать им одно и то же ИМЯ
<input type = "radio" name = "sameName" id = "nameA" value = "nameA">
<label for = "nameA">Choice A</label>
<input type = "radio" name = "sameName" id = "nameB" value = "nameB">
<label for = "nameB">Choice B</label>
Ответы 2
Whenever you are creating radio buttons (with the intention of ensuring users would be able to select only 1 option), please ensure to have the value of the name attribute the same
Обновите свой код следующим образом:
<input type = "radio" name = "sameName" id = "nameA" value = "nameA">
<label for = "nameA">Choice A</label>
<input type = "radio" name = "sameName" id = "nameB" value = "nameB">
<label for = "nameB">Choice B</label>
Все переключатели с одинаковым именем и элементы управления в одной форме являются частью группы.
Можно отметить только один переключатель в группе.
У вас есть две радиокнопки с разными именами. Это означает, что у вас есть две радиогруппы, каждая из которых содержит одну радиокнопку.
Вам нужно поместить их в одну группу (назначив им одно имя), если вы хотите, чтобы был выбран только один из них.
(У них все еще должны быть уникальные идентификаторы (чтобы вы могли дать каждому метку) и значения (именно так вы определяете, какой из них был проверен при отправке формы на сервер)).
<form>
<fieldset>
<legend>Thing that is being chosen</legend>
<input type = "radio" name = "name" id = "nameA" value = "nameA">
<label for = "nameA">Choice A</label>
<input type = "radio" name = "name" id = "nameB" value = "nameB">
<label for = "nameB">Choice B</label>
</fieldset>
</form>
Дайте каждому переключателю одно и то же имя.