Для создания группы элементов input типа "radio" в JavaScript вам понадобится следующий код:
<label> <input type="radio" name="group" value="option1"> Option 1 </label> <label> <input type="radio" name="group" value="option2"> Option 2 </label> <label> <input type="radio" name="group" value="option3"> Option 3 </label>
В приведенном выше коде каждому элементу input присваивается одинаковое имя "group", чтобы они были связаны в одну группу. Таким образом, можно выбрать только одно значение из этой группы.
Параметр name
в input указывает на то, что они принадлежат к одному и тому же имени группы. Значение value
определяет значение, связанное с каждым элементом radio button.
Также, чтобы предоставить пользователю возможность выбора одного из вариантов, необходимо обернуть каждый элемент в тег label. Таким образом, при клике на текст метки, будет активироваться соответствующий элемент input.
В зависимости от вашей логики и требований, вы можете добавить другие стили и события (например, обработчик события onclick
), чтобы определить, какие действия должны произойти при выборе определенного варианта в группе.