Bootstrap:在HTML中设置选中的初始单选按钮
Bootstrap:在HTML中设置选中的初始单选按钮
提问于 2013-10-23 20:18:50
我正在使用Bootstrap的JavaScript按钮来设置一些单选按钮的样式，但我似乎无法将初始按钮设置为选中状态。
下面是我的代码：
<div class="btn-group" data-toggle="buttons">
<label class="btn btn-info">
<input checked="checked" type="radio" id="match-three" name="options">Three numbers
</label>
<label class="btn btn-info">
<input type="radio" name="options" id="match-four">Four numbers
</label>
</div>第一个按钮有checked="checked"，但它的样式没有被选中。
在点击事件之后，按钮的样式是OK的，所以我不确定在初始加载时出了什么问题。
回答 2
Stack Overflow用户
发布于 2013-10-24 03:42:51
如果您希望Bootstrap button()组件最初能够识别checked输入，则需要添加一些jQuery，如..
$('[checked="checked"]').parent().addClass("active");这会将活动状态设置为组中适当的按钮/标签。
Stack Overflow用户
发布于 2014-02-18 02:13:16
正如Skelly提到的，活动类是Bootstrap正在切换的，它不会查看选中的属性。然而，你不需要用Javascript来做这件事。
<label class="btn btn-info active">
<input checked type="radio" id="match-three" name="options">Three numbers
</label>会给你你想要的东西。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/19541484
复制相关文章
相似问题