Bootstrap單選按鈕取消選擇

Question

我想選擇下面只有一個選項工作正常，但也取消選擇與自舉沒有選擇任何選項。有沒有辦法做到這一點？

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

Answer 1

你不得不做的JavaScript：

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

在這裏看到：http://jsfiddle.net/TrPFf/2/

Answer 2

如果您正在使用引導的按鈕插件，你可以用「鈕」單選按鈕標籤是這樣的：

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

這使得語義更加HTML，並且更容易獲得用戶輸入。