jquery disable按钮(启用、禁用按钮)
封面图
•
2025-10-24
•
jQuery
138
0
0
0
在 jQuery 中,你可以通过 `.prop()` 或 `.attr()` 方法来**启用或禁用按钮**。下面是几种常见的方法: --- ### ✅ 1. 禁用按钮(disabled) ```javascript $('#myButton').prop('disabled', true); ``` 或者使用 `.attr()`(不推荐,因为 `.prop()` 更符合 HTML 属性的语义): ```javascript $('#myButton').attr('disabled', 'disabled'); ``` --- ### ✅ 2. 启用按钮(enabled) ```javascript $('#myButton').prop('disabled', false); ``` 或者: ```javascript $('#myButton').removeAttr('disabled'); ``` --- ### ✅ 3. 切换按钮状态(启用/禁用) ```javascript $('#myButton').prop('disabled', !$('#myButton').prop('disabled')); ``` --- ### 📌 示例 HTML ```html <button id="myButton">点击我</button> ``` --- ### 📌 示例 jQuery 代码 ```javascript // 禁用按钮 $('#myButton').prop('disabled', true); // 启用按钮 $('#myButton').prop('disabled', false); // 切换按钮状态 $('#toggleButton').click(function() { $('#myButton').prop('disabled', !$('#myButton').prop('disabled')); }); ``` --- ### 🧠 注意事项: - 使用 `.prop('disabled', true)` 是更推荐的方式,因为它直接操作属性。 - `.attr('disabled', 'disabled')` 也能达到效果,但 `.prop()` 更适合处理布尔属性。 如果你有更多关于按钮状态控制的问题,欢迎继续提问!
上一篇:
jquery 字符串转数字
下一篇:
jQuery随机数
标题录入,一次不能超过6条
留言
评论