Nhiều nhóm nút radio trong một biểu mẫu

Có thể có nhiều nhóm nút radio trong một hình thức duy nhất không? Thông thường chọn một nút bỏ chọn nút trước đó, tôi chỉ cần bỏ chọn một trong nhóm.

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

Đặt namecác thuộc tính bằng nhau để tạo một nhóm;

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

Chỉ cần làm một điều, Chúng ta cần đặt thuộc tính tên cho các kiểu giống nhau. ví dụ.

Hãy thử bên dưới:

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

Và chúng ta cũng có thể làm điều đó ở góc 1, góc 2 hoặc trong jquery cũng được.

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

Điều này rất đơn giản, bạn cần giữ các tên khác nhau của mọi nhóm đầu vào 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

Để tạo một nhóm đầu vào, bạn có thể tạo một phần tử html tùy chỉnh

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

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

để giữ tùy chọn đã chọn trong mỗi nhóm, bạn cần thêm thuộc tính tên vào các đầu vào trong nhóm, nếu bạn không thêm nó thì tất cả là một nhóm.

trong trường đầu vào đặt tên giống như

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