Thuộc tính disabled của Button trong HTML DOM

Thuộc tính disabled của Button trong HTML DOM liên quan đến thuộc tính disabled của phần tử <button>. Thuộc tính button disabled dùng để thiết lập hoặc trả về xem một nút có bị vô hiệu hóa hay không. Dùng để vô hiệu hóa nút để người dùng không thể tương tác. Thiết lập disabled property sẽ làm nút bị xám theo mặc định trong trình duyệt web.

Cú pháp

Thiết lập thuộc tính disabled

buttonObject.disabled = true|false

Ở đây, true|false chỉ định xem nút input có bị vô hiệu hóa hay không.

• True - Nút bị vô hiệu hóa.
• False - Nút không bị vô hiệu hóa.

Ví dụ

Dưới đây là ví dụ cho thuộc tính disabled của button:

<!DOCTYPE html> <html> <body> <button id="Button1">NÚT</button> <p>Click nút bên dưới để vô hiệu hóa nút trên.</p> <button onclick="buttonDis()">CLICK IT</button> <p id="Sample"> <script>    function buttonDis() {       document.getElementById("Button1").disabled = true;       var x = document.getElementById("Button1").disabled;       document.getElementById("Sample").innerHTML = "Nút bị vô hiệu hóa là " + x;    } </script> </body> </html>

Kết quả

Ví dụ này sẽ cho kết quả sau:

Khi click nút CLICK IT:

Giải thích ví dụ:

Tạo nút id “Button1”, mặc định enabled:

<button id="Button1">NÚT</button>

Nút CLICK IT thực thi buttonDis() khi click:

<button onclick="buttonDis()">CLICK IT</button>

buttonDis() lấy nút bằng id “Button1” đặt disabled attribute = true. Giá trị disabled (true/false) gán cho x và hiển thị trong đoạn văn id “Sample”:

function buttonDis() {    document.getElementById("Button1").disabled = true;    var x = document.getElementById("Button1").disabled;    document.getElementById("Sample").innerHTML = "Nút bị vô hiệu hóa là " + x; }