单选按钮没有被检查两个单独的问题？

Question

我使用Bootstrap在表单中提出了两个问题。第一个问题有4个选项，第二个问题有4个选项。当我检查第一个问题中的一个选项，然后如果我从第二个问题中检查其中一个选项，则第一个问题中选中的单选按钮将变为未选中状态。为什么复选框依赖于两个不同的问题？

的index.html：

<form>
    <div class="form-group">
                    <div class="col-sm-offset-2 col-sm-10">
                      <h3>[Test]Contact us Survey Form</h3>  
                    </div>
                  </div>

                <div id="agegroup">
                  <div class="form-group">
                    <div class="col-sm-offset-2 col-sm-10">
                      <h4>What is your age group?</h4>  
                    </div>
                  </div>

                  <div class="form-group">
                    <div class="col-sm-offset-2 col-sm-10">
                      <div class="radio">
                        <label><input type="radio" name="optradio"/> >=25 yrs</label>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <div class="col-sm-offset-2 col-sm-10">
                      <div class="radio">
                        <label><input type="radio" name="optradio"/> 26-35 yrs</label>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <div class="col-sm-offset-2 col-sm-10">
                      <div class="radio">
                        <label><input type="radio" name="optradio"/> 36-50 yrs</label>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <div class="col-sm-offset-2 col-sm-10">
                      <div class="radio">
                        <label><input type="radio" name="optradio"/> >50 yrs</label>
                      </div>
                    </div>
                  </div>
                </div>

                  <div class="form-group">
                    <div class="col-sm-offset-2 col-sm-10">
                      <h4>What is your gender?</h4>  
                    </div>
                  </div>

                  <div class="form-group">
                    <div class="col-sm-offset-2 col-sm-10">
                      <div class="radio">
                        <label><input type="radio" name="optradio"/> Female</label>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <div class="col-sm-offset-2 col-sm-10">
                      <div class="radio">
                        <label><input type="radio" name="optradio"/> Male</label>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <div class="col-sm-offset-2 col-sm-10">
                      <div class="radio">
                        <label><input type="radio" name="optradio"/> Prefer not to say</label>
                      </div>
                    </div>
                  </div>
</form>

截图：

Answer 1

您需要为每个组指定一个不同的名称。

因此，如果您对第一组使用name="optradio"，请为第二组提供类似name="optradio2"的内容。