Pertanyaan Beberapa grup tombol radio dalam satu formulir


Apakah mungkin memiliki beberapa grup tombol radio dalam satu formulir? Biasanya memilih satu tombol membatalkan pilihan sebelumnya, saya hanya perlu memiliki salah satu grup yang tidak dipilih.

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

52
2018-02-16 14:35


asal


Jawaban:


Setel sama name atribut untuk membuat 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>


96
2018-02-16 14:44



Lakukan saja satu hal, Kita perlu mengatur properti nama untuk jenis yang sama. misalnya. Coba di bawah ini:

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

Dan juga kita bisa melakukannya di sudut1, sudut 2 atau di jquery juga.

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

4
2017-10-26 10:18