天天看點

input 和 button 禁用

<body>
    <input type="text" value="sdjaja">
    <button class="btn1">的哈哈哈</button>

    <button class="btn2">
        禁用input切換
    </button>
</body>
<script>
    window.onload = function () {
        let ele_input = document.querySelector("input")
        let ele_btn1 = document.querySelector(".btn1")

        let ele_btn2 = document.querySelector(".btn2")
        let isDisableed = true

        ele_btn2.addEventListener("click", function () {

            if (isDisableed) { // 禁用
                ele_btn1.disabled = true
                ele_input.disabled = true // 方式一
                // ele_input.setAttribute("disabled", "disabled")   // 方式二
            } else { // 啟用
                ele_btn1.disabled = false
                ele_input.disabled = false
                // ele_input.removeAttribute("disabled")
            }
            isDisableed = !isDisableed
        })
    }
</script>
           

繼續閱讀