HTMLInputElement: thuộc tính disabled

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

Thuộc tính HTMLInputElement.disabled là một giá trị boolean phản ánh thuộc tính HTML disabled, cho biết điều khiển có bị vô hiệu hóa hay không. Nếu bị vô hiệu hóa, nó không chấp nhận nhấp chuột. Một phần tử bị vô hiệu hóa không thể sử dụng và không thể nhấp vào.

Giá trị

Một giá trị boolean.

Ví dụ

HTML

html
<p>
  <label>
    <input id="check-box" name="b" value="1" type="checkbox" disabled /> Đánh dấu
    vào ô này!
  </label>
</p>
<p>
  <label>
    <input id="toggle-box" name="b" value="2" type="checkbox" /> Kích hoạt
    ô kia.
  </label>
</p>

JavaScript

js
const checkBox = document.getElementById("check-box");
const toggleBox = document.getElementById("toggle-box");

toggleBox.addEventListener("change", (event) => {
  checkBox.disabled = !event.target.checked;
});

Kết quả

Đặc tả kỹ thuật

Specification
HTML
# dom-fe-disabled

Tương thích trình duyệt