web-dev-qa-db-ja.com

bootstrapチェックボックスボタンの初期値を設定

以下のコードを使用して真ん中のチェックボックスを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>
twitter-bootstrapbutton
13
user2308890

2番目のラベルの「アクティブ」クラスが欠落しているようです。これはあなたが探していたものですか？

<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>
24
Sam

Bootstrapの出血エッジドキュメント を参照してください：

事前に確認されたオプションには.activeが必要です

事前にチェックされたオプションについては、.activeクラスを<input>の<label>に自分で追加する必要があります。

0
cvrebert