Стандартный способ группировки переключателей состоит в том, чтобы назначить каждой из них атрибут name
и установить для каждой из них в определенной группе одно и то же «имя группы», например:
<p>
Group 1:<br>
<input type="radio" name="group1" value="val1">
<input type="radio" name="group1" value="val2">
</p>
<p>
Group 2:<br>
<input type="radio" name="group2" value="val3">
<input type="radio" name="group2" value="val4">
</p>
Однако необходимость придумывать другое «имя группы» — настоящая проблема, когда вы разрабатываете некоторый частичный код для веб-страниц, который можно использовать на странице несколько раз. Было бы намного лучше, если бы вы могли сгруппировать переключатели вместе с окружающим элементом, например так:
<p>
Group 1:<br>
<radiogroup>
<input type="radio" value="val1">
<input type="radio" value="val2">
</radiogroup>
</p>
<p>
Group 2:<br>
<radiogroup>
<input type="radio" value="val3">
<input type="radio" value="val4">
</radiogroup>
</p>
Возможно ли что-то подобное? В противном случае, если мой частичный код дважды включен на страницу, 2 экземпляра первых 2 input
будут включены в одну группу, а 2 экземпляра вторых 2 input
будут включены в одну и ту же группу. Однако я хочу 4 группы; 2 группы на частичное включение.