JavaScript按钮禁用问题及解决方案
本文演示如何解决一个步进器中按钮禁用失效的问题。当步进器数值小于等于1时，减号按钮应该被禁用，但代码存在错误导致禁用功能失效。
问题代码及分析：
原代码中存在两个错误：
网易人工智能
网易数帆多媒体智能生产力平台
206 查看详情 选择器错误: document.querySelector('butten.jian') 中的 butten 拼写错误，应为 button。属性设置错误: but.style.disabled = "disabled" 错误地尝试通过样式来设置 disabled 属性。disabled 是一个属性，而非样式属性，应直接使用 but.disabled = true; 来设置。
修正后的代码：
function jian(ja) { var input = ja.nextElementSibling; var but = document.querySelector('button.jian'); var inp = input.value * 1 - 1; if (inp <= 1) { but.disabled = true; } else { but.disabled = false; } // ... (其余代码)}代码修改说明：
更正了 document.querySelector 选择器中的拼写错误。使用 but.disabled = true; 正确地设置了按钮的 disabled 属性。 添加了 else 语句，当数值大于1时，解除按钮禁用状态，使按钮功能更完善。
通过以上修改，即可确保减号按钮在数值小于等于1时被正确禁用。
以上就是JS按钮禁用失败如何解决？的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1141802.html
微信扫一扫 
支付宝扫一扫 
