2015-02-16 16 views
37

Czy w jednym formularzu można mieć wiele grup przycisków opcji? Zwykle wybierając jeden przycisk odznacza poprzedni, po prostu muszę mieć jedną z grupy odznaczone.Wiele grup przycisków opcji w jednym formularzu

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

Daj im nazwy (czyli '' – paul

Odpowiedz

78

równy name atrybuty, aby utworzyć grupę;

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

jeśli wartość jest równa "" za każdym razem, jak mam wiedzieć, który przycisk radiowy został wybrany - skąd mam wiedzieć, czy w ogóle został wybrany przycisk radiowy? – user3182532

+8

Włóż własne wartości – pankijs

2

Wystarczy zrobić jedno, musimy ustawić właściwość nazwy dla tych samych typów. na przykład Spróbuj poniżej:

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

I też możemy to zrobić w angular1, kątowe 2 lub w jQuery również.

<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> 
Powiązane problemy