如何确保按下按钮"按下"

Question

我正在使用BootStrap Group Button类,发现在我自己的代码中,如果按下按钮,按钮会在几秒钟内弹回....

如何确保它保持按下状态？

<div class="row">
<div class="col-md-12">
    <div class="form-group">
        <label>Stage of business:</label>
        <br />
        <div class="btn-group">
            <button class="btn btn-default"><span class="glyphicon">Start-up</span>
            </button>
            <button class="btn btn-default"><span class="glyphicon">Growth Company</span>
            </button>
            <button class="btn btn-default"><span class="glyphicon">Mature Company</span>
            </button>
        </div>
    </div>
</div>

谢谢.

---

更新

我添加了活动的css,我发现当我单击按钮时整个页面都会刷新,这就是按钮失去活动css类的原因.如何仅对这3个按钮禁用提交操作？因为我有一个按钮也是这种形式,它需要触发提交动作.

$('.btn-stage').click(function () {
            $(this).toggleClass("active"); //addCss("active");
        })

---

更新3

此外,在此按钮组中,只能选择一个按钮,如果选择了其他按钮,则其余按钮应该反弹.

谢谢.

Answer 1

向按钮添加活动类应该保持"按下"样式.

$('.btn').click(function(e) {
    e.preventDefault();
    $(this).addClass('active');
})

希望有所帮助.