javascript - 在 bootstrap radio 中只选择一个选项

标签 javascript jquery twitter-bootstrap

下面是我的 radio 选择代码:

           <div id="box" class="col-md-4">
                <div class="panel panel-default">
                   <div class="panel-heading" id="ph">
                      <h3 class="panel-title">Title</h3>
                   </div>
                   <div class="panel-body">
                        <div class="radio">
                            <label>
                                <input type="radio" id="anynum">Any number 
                            </label>
                            <label>
                                <input type="radio" id="issuenum" >Issue number 
                            </label>
                        </div>
                       <button class="btn btn-success" onclick="">Apply</button>
                   </div>
                </div>
            </div>

我们要怎么做才能从两个选项中只选择一个? 目前我可以选择这两个选项。

最佳答案

单选按钮的名称应该相同 -

<div id="box" class="col-md-4">
<div class="panel panel-default">
    <div class="panel-heading" id="ph">
        <h3 class="panel-title">Title</h3>
    </div>
    <div class="panel-body">
        <div class="radio">
            <label>
                <input type="radio" name="anynum" id="anynum">Any number
            </label>
            <label>
                <input type="radio" name="anynum" id="issuenum">Issue number
            </label>
        </div>
        <button class="btn btn-success" onclick="">Apply</button>
    </div>
</div>

关于javascript - 在 bootstrap radio 中只选择一个选项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29646745/

相关文章:

javascript - 基于多个无序列表选择显示/隐藏表格

html - Bootstrap 4 - 切换按钮不起作用

javascript - 在 Inspect Element Editor 中更改 JS 代码

Javascript getElementByID().innerHTML() 不工作

javascript - 简单比较条件在 JavaScript 函数中不起作用

jQuery Onclick 函数不起作用

javascript - 同一页面上的多个计时器运行不顺畅

django - 新手应该有的现实期望是什么?

jquery - Bootstrap 问题。为什么我的右侧面板没有填满整个空间

html - Twitter Bootstrap - 2 列布局