Parametr domyślny grupy przycisków grupy Bootstrap (sprawdź atrybut) nie działa

Question

Po niezliczonych godzinach badań wciąż jestem w niemałym stopniu przekonany, jak sprawić, by sprawdzany atrybut działał dla grup przycisków na Bootstrap. Próbuję ustawić wartość domyślną "Doskonałe".

Mimo że wiem na pewno, że wejścia radiowe są checked, a nie selected, próbowałem nawet selected i nic nie działa.

<div class="btn-group" data-toggle="buttons"> 
    <label class="btn btn-default"> 
     <input type="radio" name="inputWalls" id="inputWalls" value="Excellent" checked> 
    Excellent </label> 
    <label class="btn btn-default"> 
     <input type="radio" name="inputWalls" id="inputWalls" value="Good"> 
    Good </label> 
    <label class="btn btn-default"> 
     <input type="radio" name="inputWalls" id="inputWalls" value="Poor"> 
    Poor </label> 
</div> 

Jeśli potrzebujesz wyjaśnienia, proszę dać mi znać.

Answer 1

W programie typu bootstrap na Twitterze należy podać wartość domyślną za pomocą klasy "aktywnej". Na przykład, jeśli korzystasz z Twitter Bootstrap, poniższy kod użyje opcji Excellent as default.

<div class="btn-group" data-toggle="buttons"> 
    <label class="btn btn-default **active**"> 
     <input type="radio" name="inputWalls" id="inputWalls" value="Excellent" checked> 
    Excellent </label> 
    <label class="btn btn-default"> 
     <input type="radio" name="inputWalls" id="inputWalls" value="Good"> 
    Good </label> 
    <label class="btn btn-default"> 
     <input type="radio" name="inputWalls" id="inputWalls" value="Poor"> 
    Poor </label> 
</div> 

Po przełączeniu przycisków dodajesz/usuwasz klasę - "aktywną" z klasy etykiety.

Dla przykładu, to sprawdzić - http://getbootstrap.com/javascript/#buttons - Radio

Answer 2

dwie rzeczy:

1. Należy stosować różne identyfikatory dla każdego z elementów <input> - oni mają być unikalne!
2. Twój przykład działa dla mnie! Sprawdź to na JSFiddle!

Answer 3

Wygląda na to pytanie i odpowiedź używasz bootstrap 3.0. Miałem to samo pytanie, ale z bootstrap 2.3.

<div class="btn-group" data-toggle="buttons-radio"> 
    <button class="btn active"> Option 1</button> 
    <button class="btn"> Option 2</button> 
    <button class="btn"> Option 3</button> 
</div>