2013-01-18 6 views
8

Chciałbym wybrać tylko jedną opcję, poniżej której działa dobrze, ale także, aby odznaczyć opcję z opcją bootstrap, która niczego nie wybiera. Czy jest jakiś sposób na zrobienie tego?Przycisk radiowy Bootstrap Unselect

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

Odpowiedz

3

Trzeba to zrobić z javascript:

$(".btn-group button").removeClass("active"); 

Zobacz tutaj: http://jsfiddle.net/TrPFf/2/

+0

Wybrany po raz pierwszy nie wydaje mi się, że działa – Dejell

0

Jeśli używasz wtyczki Przycisk Bootstrap, można owinąć przycisków radiowych w "przycisk" etykiety takie jak ten:

<div class="btn-group" data-toggle="buttons"> 
    <label class="btn btn-primary"> 
    <input type="radio" name="options" id="option1"> Option 1 
    </label> 
    <label class="btn btn-primary"> 
    <input type="radio" name="options" id="option2"> Option 2 
    </label> 
    <label class="btn btn-primary"> 
    <input type="radio" name="options" id="option3"> Option 3 
    </label> 
</div> 

Dzięki temu staje się bardziej semantyczny kod HTML i łatwiej jest uzyskać dane od użytkownika.

+0

jak odpowiada na jego pytanie? – Dejell