Wiele grup przycisków radiowych o tej samej nazwie

Question

Zostałem przekazany złożonej aplikacji, która dynamicznie tworzy HTML.

Problem polega na tym, że poprzednia osoba nie wiedziała, że ​​atrybut "nazwa" przycisków radiowych rzeczywiście jest skojarzeniem grupy.

z następującymi zaznaczyć, czy jest jakiś sposób, aby umieścić je w dwóch grupach

<div> 
    <%-- would like this to be a seperate group without changing name--%> 
    <label class="radio-inline"><input type="radio" name="radio" value="1">Group 1 Option 1</label> 
    <label class="radio-inline"><input type="radio" name="radio" value="2">Group 1 Option 2</label> 
    <label class="radio-inline"><input type="radio" name="radio" value="3">Group 1 Option 3</label> 
</div> 

<div> 
    <%-- would like this to be a seperate group without changing name--%> 
    <label class="radio-inline"><input type="radio" name="radio" value="1">Group 2 Option 1</label> 
    <label class="radio-inline"><input type="radio" name="radio" value="2">Group 2 Option 2</label> 
    <label class="radio-inline"><input type="radio" name="radio" value="3">Group 2 Option 3</label> 
</div> 

Czy istnieje div lub coś mogę owinąć wokół nich oddzielić zgrupowanie? Wypróbowałem zestaw pól i legendę, ale nie ma to żadnego efektu. Wiem, że mogę umieścić każdą z nich w formularzu, ale nie wszystkie zostaną przesłane.

Answer 1

Myślę, że chcesz użyć <fieldset>, pozwoli to na oddzielenie ich w tym samym formularzu.

Przykład: https://jsfiddle.net/ndn7jmh5/2/

Jeśli nie można tego zrobić za pomocą <br/> spróbować oddzielić je na różnych liniach.

Answer 2

z mojej wiedzy, nie można. nazwa przycisku radiowego określa grupę, w której się znajduje, następnie w module obsługi dla przesłanego formularza, wywołujesz nazwę, aby uzyskać wybraną opcję. używanie separatorów linii lub elementów div nie spowoduje ich wzajemnego rozdzielenia. możesz mieć tylko jeden przycisk opcji dla wybranej grupy. jeśli chcesz je tylko oddzielić, Austin ma dobry pomysł.

Zmiana nazwy każdej grupy jest jedyną opcją pozwalającą na 2 wybrane przyciski.

Answer 3

Umieść je w formie innej tagu

<form> 
    <label class="radio-inline"><input type="radio" name="radio" value="1">Group 1 Option 1</label> 
    <label class="radio-inline"><input type="radio" name="radio" value="2">Group 1 Option 2</label> 
    <label class="radio-inline"><input type="radio" name="radio" value="3">Group 1 Option 3</label> 
</form> 

<form> 
    <label class="radio-inline"><input type="radio" name="radio" value="1">Group 2 Option 1</label> 
    <label class="radio-inline"><input type="radio" name="radio" value="2">Group 2 Option 2</label> 
    <label class="radio-inline"><input type="radio" name="radio" value="3">Group 2 Option 3</label> 
</form>