引导按钮组未激活的

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>