只允许选择一个单选按钮
只允许选择一个单选按钮
提问于 2018-02-22 03:53:42
我正在使用引导单选按钮，我不希望用户可以选择多个单选按钮。但是它不工作，用户可以选择所有的单选按钮。
你知道为什么吗？
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>
回答 1
Stack Overflow用户
回答已采纳
发布于 2018-02-22 03:55:56
单选按钮属性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>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/48914363
复制相关文章
相似问题
腾讯云开发者
