Più gruppi di pulsanti di opzione in un unico modulo

Question

È possibile avere più gruppi di pulsanti di opzione in un unico modulo? Solitamente selezionando un pulsante deseleziona il precedente, ho solo bisogno di avere uno di un gruppo deselezionato.

<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

Impostare gli uguali name attributi per creare un gruppo;

<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

Basta fare una cosa, Abbiamo bisogno di impostare la proprietà nome per gli stessi tipi. per es. Prova di seguito:

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

E anche noi possiamo farlo in angular1, angolare 2 o in jQuery anche.

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