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

HTML – 如何确保按下按钮“按下”,第1张

概述我正在使用BootStrap Group Button类,发现在我自己的代码中,如果按下按钮,按钮会在几秒钟内d回…. 如何确保它保持按下状态? <div class="row"><div class="col-md-12"> <div class="form-group"> <label>Stage of business:</label> <br /> 我正在使用bootstrap Group button类,发现在我自己的代码中,如果按下按钮,按钮会在几秒钟内d回….

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

<div ><div >    <div >        <label>Stage of business:</label>        <br />        <div >            <button ><span >Start-up</span>            </button>            <button ><span >Growth Company</span>            </button>            <button ><span >Mature Company</span>            </button>        </div>    </div></div>

谢谢.

更新

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

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

更新3

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

谢谢.

解决方法 向按钮添加活动类应该保持“按下”样式.
$('.btn').click(function(e) {    e.preventDefault();    $(this).addClass('active');})

希望有所帮助.

总结

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

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

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1132693.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-30
下一篇 2022-05-30

发表评论

登录后才能评论

评论列表(0条)

保存