设置bootstrap复选框按钮的初始值

时间:2014-06-18 16:44:51

标签: twitter-bootstrap button

我正在使用下面的代码将中间复选框设置为true,但它不起作用。我错过了什么?

对于演示,请转到http://jsfiddle.net/5sq7v/

<div class="btn-group" data-toggle="buttons">
    <label class="btn btn-default">
        <input type="checkbox">Hello 1
    </label>
    <label class="btn btn-default">
        <input type="checkbox" checked="checked">Hello 2
    </label>
    <label class="btn btn-default">
        <input type="checkbox">Hello 3
    </label>
</div>

2 个答案:

答案 0 :(得分:23)

看起来你错过了活跃的&#39;第二个标签中的类。这是你在找什么?

<div class="btn-group" data-toggle="buttons">
<label class="btn btn-default">
    <input type="checkbox">Hello 1
    </label>
    <label class="btn btn-default active">
        <input type="checkbox" checked="checked">Hello 2
        </label>
        <label class="btn btn-default">
            <input type="checkbox">Hello 3
            </label>
        </div>

答案 1 :(得分:0)

请参阅Bootstrap's bleeding-edge docs

  

预先检查的选项需要.active

     

对于预先检查的选项,您必须自己将.active课程添加到<input>的{​​{1}}。