如何在引导按钮类onClick之间切换？

Question

我正在使用Bootstrap按钮，希望它们在单击时可以更改颜色。例如，按钮最初是灰色的（btn默认），单击时应更改为绿色（btn成功）。再次单击该按钮时，我希望该按钮改回默认类。到目前为止，我已经创建了一个if语句并添加了以下代码，但是它仅更改一次颜色，并且再次单击时将不会返回默认类。

$("#critical_btn").click(function () {

    if (this.class= 'btn-default'){
        $('#critical_btn').removeClass('btn-default').addClass('btn-success ');
        $(this).addClass('btn-success').removeClass('btn-default');
    }
    else if (this.class= 'btn-success'){
        $('#critical_btn').removeClass('btn-success').addClass('btn-default ');
        $(this).addClass('btn-default').removeClass('btn-success');
    }
    });

我对此还很陌生，因此任何帮助将不胜感激！

Answer 1

而不是执行ififif语句。如果要在两个类之间切换，则可以使用$（selector）.toggleClass（'firstclass secondclass'），只要在标记中为其分配一个即可。（http://api.jquery.com/toggleclass/）

jQuery看起来像这样：

$("#critical_btn").click(function() {
  $(this).toggleClass('btn-default btn-success');
});

例：

https://jsfiddle.net/xsotp27s/