重置引导按钮状态

Question

我有一个带有几个切换按钮的表单：

  <div id="options-group" class="row">
    <button id="burning-option-button" class="btn option-toggle-button" data-toggle="button" aria-pressed="false" autocomplete="off"></button>
    <button id="flacky-cocktail-button" class="btn option-toggle-button" data-toggle="button" aria-pressed="false" autocomplete="off"></button>
    <button id="ice-cocktail-button" class="btn option-toggle-button" data-toggle="button" aria-pressed="false" autocomplete="off"></button>
    <button id="official-cocktail-button" class="btn option-toggle-button" data-toggle="button" aria-pressed="false" autocomplete="off"></button>
    <button id="checked-cocktail-button" class="btn option-toggle-button" data-toggle="button" aria-pressed="false" autocomplete="off"></button>
  </div>

现在我想添加按钮，可以重置那些按钮的状态。 什么是最好的方式来取消选择＆＃34;使用jquery / js切换按钮？

我使用的是Bootstrap3。

Answer 1

尝试：

$('button.active').removeClass('active');

https://jsfiddle.net/fpdwef37/