HTML – 如何确保按下按钮“按下”

我正在使用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

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

谢谢.

解决方法

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

希望有所帮助.

（编辑：52站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!