Кілька груп перемикачів в одній формі

Чи можливо мати декілька груп перемикачів в одній формі? Зазвичай, обираючи одну кнопку, знімає вибір попередньої, мені просто потрібно буде відмінити одну з груп.

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

Встановити рівні nameатрибути для створення групи;

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

Просто зробіть одне, нам потрібно встановити властивість імені для тих же типів. напр.

Спробуйте нижче:

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

А також ми можемо це зробити у angular1, angular 2 або в 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>  

Це дуже просто. Вам потрібно зберігати різні назви кожної групи вводу радіо.

      <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

Для створення групи входів ви можете створити користувальницький html-елемент

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

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

щоб зберегти вибраний варіант у кожній групі, вам потрібно додати атрибут імені до входів у групі, якщо ви не додаєте його, то все це одна група.

у полі введення зробіть ім’я так само, як

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