Javascript Boostrap 3激活状态按钮。如何获得总激活按钮？

在页面上，我有许多类型的按钮处于活动状态。我绑定到事件单击并检查有多少按钮处于活动状态。但当我点击第一个按钮时，我得到零

$(".btn-quote").on("click", function (e) {
    var totalActiveQuote= $(".btn-quote.active").length;

    if (totalActiveQuote > 0) {
        console.log("active");
    } else {
        console.log("deactive");
    }
});

我该怎么做才能解决这个问题

jsfiddle.net

---

您可以通过以下方式规避此问题：

$(document).ready(function(){
 $(".btn-quote").on("click", function (e) {
        $(this).toggleClass("active");
        var totalActiveQiote = $(".active").length;

        $("#totalActive").html(totalActiveQiote);
    });
});

---

这是因为

激活的
类在
onClick
事件触发后被切换。您可以通过自己切换来修复它

$(document).ready(function(){
  $(".btn-quote").on("mouseup", function (e) {
    $(this).toggleClass("myActive");
    var totalActiveQiote = $(".btn-quote.myActive").length;
    $("#totalActive").html(totalActiveQiote);
  });
});

您是否可以共享可执行的演示/代码片段或？