Beberapa grup tombol radio dalam satu bentuk

Apakah mungkin memiliki beberapa grup tombol radio dalam satu bentuk? Biasanya memilih satu tombol membatalkan pilihan sebelumnya, saya hanya perlu salah satu dari grup batal memilih.

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

Tetapkan nameatribut yang sama untuk membuat grup;

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

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

Lakukan satu hal, Kita perlu mengatur properti name untuk tipe yang sama. untuk mis.

Coba di bawah ini:

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

Dan juga kita bisa melakukannya di angular1, angular 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>  

Ini sangat sederhana, Anda perlu menyimpan nama yang berbeda dari setiap grup input radio.

      <input type="radio" name="price">Thousand<br>
      <input type="radio" name="price">Lakh<br>
      <input type="radio" name="price">Crore
      
      </br><hr>

      <input type="radio" name="gender">Male<br>
      <input type="radio" name="gender">Female<br>
      <input type="radio" name="gender">Other

Untuk membuat sekelompok input, Anda dapat membuat elemen html kustom

window.customElements.define('radio-group', RadioGroup);

https://gist.github.com/robdodson/85deb2f821f9beb2ed1ce049f6a6ed47

untuk tetap memilih opsi di setiap grup, Anda perlu menambahkan atribut nama ke input dalam grup, jika Anda tidak menambahkannya maka semuanya adalah satu grup.

di bidang masukan buat nama sama seperti

<input type="radio" name="option" value="option1">
<input type="radio" name="option" value="option2" >
<input type="radio" name="option" value="option3" >
<input type="radio" name="option" value="option3" >