js 按钮禁用 disabled

Time
  • 8

问题描述

JS 写了一个步进器 想要小于或等于1的时候值为1 实现按钮禁用无法点击

问题出现的环境背景及自己尝试过哪些方法

加减 正常能够实现 小于1的时候 也不会再减 但是disabled的按钮禁用效果没有出来 点击事件还是触发了 按钮也没有被禁用掉

相关代码

<div class="p">
    <button class="jian" onclick="jian(this)">-</button>
    <input id="input" readonly type="text">
    <button class="jia" onclick="jia(this)">+</button>
</div>

var inputt = document.getElementById("input");
inputt.value = 1;

function jia(ja) {
    var input = ja.previousElementSibling;
    var inp = input.value * 1 + 1;
    if (inp >= 999) {
        val = 999
    }
    input.value = inp;
}

function jian(ja) {
    var input = ja.nextElementSibling;
    var but = document.querySelector('butten.jian');
    var inp = input.value * 1 - 1;
    if (inp <= 0) {
        val = 1;
        but.style.disabled = "disabled";
    }
    input.value = inp;
}

你期待的结果是什么?实际看到的错误信息又是什么?

页面效果 这错误原因 怎么解决

回复
阅读 857
1 个回答
✓ 已被采纳

两个问题,都在jian里面
1、document.querySelector('butten.jian')里面应该是button,不是butten
2、disabled是属性不是样式style,所以应该是but.disabled = "disabled",不是but.style.disabled = "disabled"

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏