Mehrere Optionsfeldgruppen mit demselben Namen

Question

Ich habe eine komplexe Anwendung übergeben, die dynamisch HTML erstellt.

Das Problem ist, die vorherige Person wusste nicht, dass das "Name" -Attribut der Optionsfelder tatsächlich die Gruppenassoziation ist.

Mit der folgenden Auszeichnungs, ist es eine Möglichkeit, diese in zwei Gruppen zu unterstützen

<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> 

Gibt es eine div oder alles, was ich um sie herum wickeln kann die Gruppierung zu trennen? Ich habe Feldsatz und Legende ausprobiert, aber es hat keine Wirkung. Ich weiß, ich könnte jeden in eine Form bringen, aber dann werden sie nicht alle eingereicht.

Answer 1

Ich denke, dass Sie <fieldset> verwenden möchten, damit Sie sie in demselben Formular trennen können.

Beispiel: https://jsfiddle.net/ndn7jmh5/2/

Wenn Sie das nicht tun versuchen <br/> mit ihnen auf verschiedenen Linien zu trennen.

Answer 2

von meinem Wissen kann man nicht. Der Name des Optionsfelds definiert die Gruppe, in der er sich befindet. Anschließend rufen Sie im Handler für das übermittelte Formular den Namen ab, um die ausgewählte Option zu erhalten. Die Verwendung von Trennzeichen oder Trennzeichen trennt sie nicht voneinander. Sie können nur eine Optionsschaltfläche für eine ausgewählte Gruppe haben. Wenn Sie sie nur optisch getrennt haben wollen, hat Austin die richtige Idee.

Die Änderung des Namens jeder einzelnen Gruppe ist Ihre einzige Option, um 2 ausgewählte Schaltflächen zuzulassen.

Answer 3

Setzen Sie sie in verschiedenen Formulartag

<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>