Thuộc tính nút HTML DOM bị vô hiệu hóa được liên kết với thuộc tính bị vô hiệu hóa của phần tử
Cú pháp
Sau đây là cú pháp cho -
Đặt thuộc tính bị vô hiệu hóa -
buttonObject.disabled = true|false
Ở đây, true | false chỉ định liệu nút đầu vào đã cho có nên bị vô hiệu hóa hay không.
- Đúng - Nút bị tắt.
- Sai - Nút này sẽ không bị tắt.
Hãy để chúng tôi xem một ví dụ về thuộc tính nút bị vô hiệu hóa -
Ví dụ
<!DOCTYPE html>
<html>
<body>
<button id="Button1">BUTTON</button>
<p>Click the below button to disable the above button.</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 = "Button disabled is "+x;
}
</script>
</body>
</html> Đầu ra
Điều này sẽ tạo ra kết quả sau -
Khi nhấp vào nút NHẤP VÀO NÓ -
Trong ví dụ trên -
Chúng tôi đã tạo một nút với id “Button1” và nút này được bật theo mặc định.
<button id="Button1">BUTTON</button>
Sau đó, chúng tôi đã tạo nút CLICK IT để thực thi phương thức buttonDis () khi nhấp chuột.
<button onclick="buttonDis()">CLICK IT</button>
Phương thức buttonDis () lấy phần tử nút theo id của nó là “button1” và đặt thuộc tính bị vô hiệu hóa trên nó thành true. Sau khi vô hiệu hóa nút, giá trị bị vô hiệu hóa của nó (đúng hoặc sai) được gán cho biến x và hiển thị trong đoạn có id “Mẫu”
function buttonDis() {
document.getElementById("Button1").disabled = true;
var x=document.getElementById("Button1").disabled;
document.getElementById("Sample").innerHTML = "Button disabled is "+x;
}