引導按鈕組未激活的

Question

我試圖避免此按鈕組中的活動類：

<div class="btn-group" data-toggle="buttons"> 
    <label id="level1" class="btn btn-xs btn-default"> 
     <input type="radio" name="options" id="option1" /> 
     <span class="fa fa-square fa-square-1"></span> 
    </label> 
    <label id="level2" class="btn btn-xs btn-default"> 
     <input type="radio" name="options" id="option1" /> 
     <span class="fa fa-square fa-square-1"></span> 
    </label> 
    <label id="level3" class="btn btn-xs btn-default"> 
     <input type="radio" name="options" id="option1" /> 
     <span class="fa fa-square fa-square-1"></span> 
    </label> 
</div> 

我tryied有：

$(document).on("click", '#level1, #level2, #level3', function (e) { 
    $(this).removeClass('active'); 
    event.stopPropagation(); 
}); 

，但沒辦法。我正在尋找的是有一個按鈕組，可以點擊，但沒有一個按鈕可以控制活動類。

在此先感謝。

Answer 1

請勿使用單選按鈕。

從http://getbootstrap.com/components/#btn-groups-single（修改你的例子）：

<div class="btn-group btn-group-xs" role="group" aria-label="..."> 
    <button id="level1" type="button" class="btn btn-default"> 
    <span class="fa fa-square fa-square-1"></span> 
    </button> 
    <button id="level2" type="button" class="btn btn-default"> 
    <span class="fa fa-square fa-square-1"></span> 
    </button> 
    <button id="level3" type="button" class="btn btn-default"> 
    <span class="fa fa-square fa-square-1"></span> 
    </button> 
</div>