Группировка переключателей вместе с содержащим элементом?

Стандартный способ группировки переключателей состоит в том, чтобы назначить каждой из них атрибут 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 группы на частичное включение.


person Jez    schedule 03.12.2015    source источник
comment
Если элементы имеют одинаковые имена, как, по-вашему, будет работать обработка формы?   -  person cimmanon    schedule 03.12.2015


Ответы (2)


Кажется, нет способа сделать это. В итоге я создал новый GUID для каждого партиала и добавил его к атрибуту name переключателей в этом партиале.

person Jez    schedule 04.12.2015

Я использовал атрибут span с идентификатором, чтобы сгруппировать списки переключателей вместе.

person jwollerton    schedule 15.04.2016