Mehrere Optionsfeldgruppen in einer Form

Question

Ist es möglich, mehrere Optionsfeldgruppen in einer einzigen Form zu haben? Wenn Sie eine Schaltfläche auswählen, wird die vorherige deaktiviert. Es muss nur eine Gruppe deaktiviert sein.

<form> 
    <fieldset id="group1"> 
     <input type="radio" value=""> 
     <input type="radio" value=""> 
    </fieldset> 

    <fieldset id="group2"> 
     <input type="radio" value=""> 
     <input type="radio" value=""> 
     <input type="radio" value=""> 
    </fieldset> 
</form> 

Answer 1

Gleich name Attribute setzen, um eine Gruppe zu erstellen;

<form> 
    <fieldset id="group1"> 
     <input type="radio" value="" name="group1"> 
     <input type="radio" value="" name="group1"> 
    </fieldset> 

    <fieldset id="group2"> 
     <input type="radio" value="" name="group2"> 
     <input type="radio" value="" name="group2"> 
     <input type="radio" value="" name="group2"> 
    </fieldset> 
</form> 

Answer 2

tun Nur eine Sache, Wir müssen den Namen Eigenschaft für die gleichen Typen setzen. für z. unten Versuchen:

<form> 
    <div id="group1"> 
     <input type="radio" value="group1" name="group1"> 
     <input type="radio" value="group1" name="group1"> 
    </div> 
</form> 

Und auch wir können es in angular1 tun, eckig 2 oder auch in jquery.

<div *ngFor="let option of question.options; index as j"> 
<input type="radio" name="option{{j}}" value="option{{j}}" (click)="checkAnswer(j+1)">{{option}} 
</div>