只允许选择一个单选按钮答案

【问题标题】：Just allow to select one radio button只允许选择一个单选按钮
【发布时间】：2018-08-01 12:47:39
【问题描述】：

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

你知道为什么吗？

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>

【问题讨论】：

how to set that only one radio button can be checked的可能重复

标签： html css twitter-bootstrap radio-button

【解决方案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>

【讨论】：