web-dev-qa-db-fra.com

Définir la valeur initiale du bouton de case à cocher bootstrap

J'utilise le code ci-dessous pour définir la case du milieu à la valeur true, mais cela ne fonctionne pas. Qu'est-ce que je rate?

Pour une démonstration, allez à 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
11
user2308890

On dirait que vous manquez la classe «active» dans la deuxième étiquette. Est ce que c'est ce que vous recherchiez? 

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

Voir Les documents bleeding-Edge de Bootstrap :

Les options pré-cochées ont besoin de .active

Pour les options pré-cochées, vous devez ajouter vous-même la classe .active au <input> du <label>.

0
cvrebert