我正在使用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的,所以我不确定在初始加载时出了什么问题。
发布于 2013-10-24 03:42:51
如果您希望Bootstrap button()
组件最初能够识别checked
输入,则需要添加一些jQuery,如..
$('[checked="checked"]').parent().addClass("active");
这会将活动状态设置为组中适当的按钮/标签。
发布于 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>
会给你你想要的东西。
https://stackoverflow.com/questions/19541484
复制相似问题