#html #css #forms #radio-button #radio-group
Вопрос:
В форме ниже, когда я нажимаю первый переключатель, а затем нажимаю второй, оба переключателя остаются включенными. Поведение, которое я хочу, когда я нажимаю на переключатель, другая кнопка автоматически отключается. Я использую React.js со стилизованными компонентами.
<form>
<input type="radio"/>
<input type="radio"/>
</form> Ответ №1:
Дайте одно и то же имя всем переключателям (но разные значения).
<form>
<input type="radio" name="radio" value="1"/> 1st
<input type="radio" name="radio" value="2"/> 2nd
</form> Ответ №2:
Вы должны присвоить каждой переключателю свойство name с таким же значением, как «group1». Вот так:
<form>
<input type="radio" name="group1"/>
<input type="radio" name="group1"/>
</form>