只允许选择一个单选按钮

Question

我使用引导单选按钮，我不希望用户可以选择多个单选按钮。但它不起作用，用户可以选择所有单选按钮。

你知道为什么吗？

div class="form-row">
<div class="form-group col col-lg-6">
  <label for="rtypes" class="">Rtypes</label>

  <div class="form-check">
    <input class="form-check-input" type="radio" name="radiobutton1" id="" value="option1" checked>
    <label class="form-check-label" for="radiobutton1">
                                RadioButton1
                            </label>
  </div>

  <div class="form-check">
    <input class="form-check-input" type="radio" name="radiobutton2" id="radiobutton2" value="option2">
    <label class="form-check-label" for="exampleRadios2">
                                RadioButton2
                            </label>
  </div>

</div>
</div>

Answer 1

单选按钮属性name必须相同，以便用户只能选择具有相同名称的一个。这样你就可以有多个组。

div class="form-row">
                <div class="form-group col col-lg-6">
                    <label for="rtypes" class="">Rtypes</label>

                    <div class="form-check">
                        <input class="form-check-input" type="radio" name="radiobutton" id="" value="option1" checked>
                        <label class="form-check-label" for="radiobutton1">
                            RadioButton1
                        </label>
                    </div>

                    <div class="form-check">
                        <input class="form-check-input" type="radio" name="radiobutton" id="radiobutton2"
                               value="option2">
                        <label class="form-check-label" for="exampleRadios2">
                            RadioButton2
                        </label>
                    </div>

                </div>
            </div>