javascript - bootstrap 切换按钮保持灰色

正常：


第一次点击：


第二次点击：


第二次点击时，它保持灰色，仅在其他地方（例如鼠标单击，选择。取消选择后如何使它返回到原始状态？

最佳答案

尝试这个：

HTML：

<div class="btn-group-vertical">
    <button id="btn1" type="button" class="btn btn-default">Yes</button>
    <button id="btn2" type="button" class="btn btn-default">Maybe</button>
     <button id="btn3" type="button" class="btn btn-default">No</button>
</div>

脚本：

 var flag1 = 1, flag2 = 1, flag3 = 1;
        $("#btn1").click(function () {
            if (flag1 == 2) {
                $("#btn1").css("background-color", "white");
                flag1 = 1;
            } else {
                $("#btn1").css("background-color", "lightgray");
                flag1 = 2;
            }
        });
        $("#btn2").click(function () {
            if (flag2 == 2) {
                $("#btn2").css("background-color", "white");
                flag2 = 1;
            } else {
                $("#btn2").css("background-color", "lightgray");
                flag2 = 2;
            }
        });
        $("#btn3").click(function () {
            if (flag3 == 2) {
                $("#btn3").css("background-color", "white");
                flag3 = 1;
            } else {
                $("#btn3").css("background-color", "lightgray");
                flag3 = 2;
            }
        });

DEMO