javascript - 重置 Bootstrap 按钮状态

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>

现在我想添加可以重置该按钮状态的按钮。 使用 jquery/js“取消选择”切换按钮的最佳方法是什么？

我正在使用 Bootstrap3。

Answer 1

尝试:

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

https://jsfiddle.net/fpdwef37/