HTML   发布时间:2022-04-14  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了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');
})

希望有所帮助.

大佬总结

以上是大佬教程为你收集整理的HTML – 如何确保按下按钮“按下”全部内容,希望文章能够帮你解决HTML – 如何确保按下按钮“按下”所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。