Javascript 引导单选按钮结果

根据下面的HTML代码片段，设法获得两行单选按钮。当您单击第一行的单选按钮，然后继续单击第二行的任何单选按钮时，第一行单选按钮的结果将消失。 如何确保两行单选按钮的结果同时显示

<!-- Start first Div -->
<div>
  
<div class="form-check form-check-inline">
  <input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1">
  <label class="form-check-label" for="inlineRadio1">1</label>
</div>
<div class="form-check form-check-inline">
  <input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio2" value="option2">
  <label class="form-check-label" for="inlineRadio2">2</label>
</div>
<div class="form-check form-check-inline">
  <input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio3" value="option3" disabled>
  <label class="form-check-label" for="inlineRadio3">3 (disabled)</label>
</div>

</div>
<!-- End first Div -->

<!-- Start second Div -->
<div>
<div class="form-check form-check-inline">
  <input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio4" value="option1">
  <label class="form-check-label" for="inlineRadio4">1</label>
</div>
<div class="form-check form-check-inline">
  <input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio5" value="option2">
  <label class="form-check-label" for="inlineRadio5">2</label>
</div>
<div class="form-check form-check-inline">
  <input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio6" value="option3" disabled>
  <label class="form-check-label" for="inlineRadio6">3 (disabled)</label>
</div>
  
</div>

<!-- End Second Div -->

1.
2.
3（残疾）
1.
2.
3（残疾）

谢谢

John

如中所述：

单选组是通过给出组中的每个单选按钮来定义的 同名。建立无线电组后，选择任何无线电 该组中的按钮将自动取消选择任何当前选定的 同一组中的单选按钮

因此，如果希望第二个

单选按钮分开，则必须为该组按钮使用不同的

名称：



1.
2.
3（残疾）
1.
2.
3（残疾）
第二组需要使用不同的名称。单选按钮使用“名称”属性分组在一起。