Cách tắt một nút bằng JavaScript

Tìm hiểu cách tắt hoặc bật một nút theo chương trình bằng JavaScript

Nút HTML là một trong số ít các phần tử cótiểu bang. Cùng với hầu hết tất cả các điều khiển biểu mẫu.

Một điều phổ biến cần thiết là tắt / bật nút theo cách lập trình bằng JavaScript.

Ví dụ: bạn muốn chỉ bật nút khi phần tử nhập văn bản được điền.

Hoặc khi một hộp kiểm cụ thể được nhấp vào, chẳng hạn như hộp kiểm bạn thấy để nói “Tôi đã đọc các điều khoản và điều kiện”, điều mà không ai thực sự đọc.

Đây là cách để làm điều đó.

Bạn chọn phần tử, sử dụngdocument.querySelector()hoặc làdocument.getElementById():

const button = document.querySelector('button')

Nếu bạn có nhiều nút, bạn có thể muốn sử dụngdocument.querySelectorAll()và lặp lại các kết quả.

Dù sao, khi bạn có tham chiếu phần tử, bạn đặt thuộc tính bị vô hiệu hóa của nó thànhtrueđể vô hiệu hóa nó:

button.disabled = true

Để bật lại nó, bạn đặt nó thànhfalseđể kích hoạt lại nó:

button.disabled = false

Tải xuống miễn phí của tôiSổ tay dành cho Người mới bắt đầu JavaScript


Các hướng dẫn khác về trình duyệt: