JavaScript按钮禁用问题及解决方案
本文演示如何解决一个步进器中按钮禁用失效的问题。当步进器数值小于等于1时，减号按钮应该被禁用，但代码存在错误导致禁用功能失效。
问题代码及分析：
原代码中存在两个错误：
document.querySelector('butten.jian') 中的 butten 拼写错误，应为 button。but.style.disabled = "disabled" 错误地尝试通过样式来设置 disabled 属性。disabled 是一个属性，而非样式属性，应直接使用 but.disabled = true; 来设置。修正后的代码：
<code class="javascript">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;
}
// ... (其余代码)
}</code>代码修改说明：
document.querySelector 选择器中的拼写错误。but.disabled = true; 正确地设置了按钮的 disabled 属性。 添加了 else 语句，当数值大于1时，解除按钮禁用状态，使按钮功能更完善。通过以上修改，即可确保减号按钮在数值小于等于1时被正确禁用。
以上就是JS按钮禁用失败如何解决？的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
735
收藏
