Thuộc tính disabled của Button

Đối tượng Button của HTML DOM

Định nghĩa và cách sử dụng

disabled Thuộc tính này thiết lập hoặc trả về việc nút có bị tắt hay không.

Các yếu tố bị tắt không thể sử dụng và không thể nhấp. Mặc định, các yếu tố bị tắt thường được hiển thị dưới dạng màu xám trong trình duyệt.

Thuộc tính này phản ánh Thuộc tính disabled của HTML.

Mô hình

Ví dụ 1

Tắt nút:

document.getElementById("myBtn").disabled = true;

Thử ngay

Ví dụ 2

Kiểm tra nút có bị tắt hay không:

var x = document.getElementById("myBtn").disabled;

Thử ngay

Ví dụ 3

Tắt và bật nút:

function disableBtn() {
    document.getElementById("myBtn").disabled = true;
}
function enableBtn() {
    document.getElementById("myBtn").disabled = false;
}

Thử ngay

Cú pháp

Trả về thuộc tính disabled:

buttonObject.disabled

Đặt thuộc tính disabled:

buttonObject.disabled = true|false

Giá trị thuộc tính

Giá trị Mô tả
true|false

Định nghĩa có nên vô hiệu hóa nút hay không.

  • true - Nút bị vô hiệu hóa
  • false - Mặc định. Nút không bị vô hiệu hóa

Chi tiết kỹ thuật

Giá trị trả về: Giá trị luận lý, nếu nút bị vô hiệu hóa thì trả về true, nếu không thì trả về false.

Hỗ trợ trình duyệt

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ

Trang liên quan

Tài liệu tham khảo HTML:Thuộc tính disabled của thẻ <button> trong HTML

Đối tượng Button của HTML DOM