button 按钮的 disabled 两种状态 (启用和禁用)_前端技术_我的小家_八零在线_符号象

<p><span style="box-sizing: border-box; outline: 0px; margin: 0px; padding: 0px; font-family: "Microsoft YaHei", "SF Pro Display", Roboto, Noto, Arial, "PingFang SC", sans-serif; overflow-wrap: break-word; color: rgb(77, 77, 77); font-size: 18px; background-color: rgb(255, 255, 255);"><span style="box-sizing: border-box; outline: 0px; margin: 0px; padding: 0px; overflow-wrap: break-word;">禁用</span></span><span style="color: rgb(77, 77, 77); font-family: "Microsoft YaHei", "SF Pro Display", Roboto, Noto, Arial, "PingFang SC", sans-serif; font-size: 18px; font-weight: 700; background-color: rgb(255, 255, 255);">按钮：</span></p><ol class="hljs-ln list-paddingleft-2" style="list-style-type: none;"><li><div class="hljs-ln-code" style="box-sizing: border-box; outline: 0px; margin: 0px; padding: 0px; overflow-wrap: break-word;"><div class="hljs-ln-line" style="box-sizing: border-box; outline: 0px; margin: 0px; padding: 0px; overflow-wrap: break-word;">$("#id").attr("disabled","true");</div></div></li><li><div class="hljs-ln-code" style="box-sizing: border-box; outline: 0px; margin: 0px; padding: 0px; overflow-wrap: break-word;"><div class="hljs-ln-line" style="box-sizing: border-box; outline: 0px; margin: 0px; padding: 0px; overflow-wrap: break-word;">$("#id").attr("disabled",true);</div></div></li><li><div class="hljs-ln-code" style="box-sizing: border-box; outline: 0px; margin: 0px; padding: 0px; overflow-wrap: break-word;"><div class="hljs-ln-line" style="box-sizing: border-box; outline: 0px; margin: 0px; padding: 0px; overflow-wrap: break-word;">$("#id").attr("disabled","disabled");</div></div></li></ol><p><span style="box-sizing: border-box; outline: 0px; margin: 0px; padding: 0px; font-family: "Microsoft YaHei", "SF Pro Display", Roboto, Noto, Arial, "PingFang SC", sans-serif; overflow-wrap: break-word; color: rgb(77, 77, 77); font-size: 18px; background-color: rgb(255, 255, 255);"><span style="box-sizing: border-box; outline: 0px; margin: 0px; padding: 0px; overflow-wrap: break-word;">启用</span></span><span style="color: rgb(77, 77, 77); font-family: "Microsoft YaHei", "SF Pro Display", Roboto, Noto, Arial, "PingFang SC", sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);">按钮：</span></p><ol class="hljs-ln list-paddingleft-2" style="list-style-type: none;"><li><div class="hljs-ln-code" style="box-sizing: border-box; outline: 0px; margin: 0px; padding: 0px; overflow-wrap: break-word;"><div class="hljs-ln-line" style="box-sizing: border-box; outline: 0px; margin: 0px; padding: 0px; overflow-wrap: break-word;">$("#id").removeAttr("disabled");</div></div></li><li><div class="hljs-ln-code" style="box-sizing: border-box; outline: 0px; margin: 0px; padding: 0px; overflow-wrap: break-word;"><div class="hljs-ln-line" style="box-sizing: border-box; outline: 0px; margin: 0px; padding: 0px; overflow-wrap: break-word;">$("#id").attr("disabled",false);</div></div></li></ol><p>注意：</p><ol class="hljs-ln list-paddingleft-2" style="list-style-type: none;"><li><div class="hljs-ln-code" style="box-sizing: border-box; outline: 0px; margin: 0px; padding: 0px; overflow-wrap: break-word;"><div class="hljs-ln-line" style="box-sizing: border-box; outline: 0px; margin: 0px; padding: 0px; overflow-wrap: break-word;">1、$("#id").attr("disabled","false");不起作用</div></div></li><li><div class="hljs-ln-code" style="box-sizing: border-box; outline: 0px; margin: 0px; padding: 0px; overflow-wrap: break-word;"><div class="hljs-ln-line" style="box-sizing: border-box; outline: 0px; margin: 0px; padding: 0px; overflow-wrap: break-word;">2、disabled只能禁用button，对超链接不起作用</div></div></li></ol><p>来源：<a href="https://blog.csdn.net/SonaEx/article/details/80879061">https://blog.csdn.net/SonaEx/article/details/80879061</a></p><p>另外利用<span style="margin: 0px; padding: 0px; list-style-type: none; font-weight: 700; color: rgb(102, 102, 102); font-family: Tahoma, Verdana, STHeiTi, simsun, sans-serif; font-size: 21.3333px; background-color: rgb(255, 255, 255);"><span style="margin: 0px; padding: 0px; list-style-type: none; font-size: 14px;">$('#id').css("pointer-events","none")也一样可以达到点击当前元素失效的情况</span></span></p><p><font color="#666666" face="Tahoma, Verdana, STHeiTi, simsun, sans-serif"><span style="background-color: rgb(255, 255, 255);"><b>参考：<a href="https://developer.mozilla.org/zh-CN/docs/Web/CSS/pointer-events">https://developer.mozilla.org/zh-CN/docs/Web/CSS/pointer-events</a></b></span></font></p>

button 按钮 的 disabled 两种状态 (启用和禁用)

button 按钮的 disabled 两种状态 (启用和禁用)