HTMLInputElement: disabled 属性

HTMLInputElement.disabled 属性是一个布尔值，反映了 disabled HTML 属性，该属性指示控件是否被禁用。如果它被禁用，它不接受点击。禁用的元素是不可用的且不可点击的。

值

布尔值。

示例

HTML

html
<p>
  <label>
    <input id="check-box" name="b" value="1" type="checkbox" disabled /> Check
    this box!
  </label>
</p>
<p>
  <label>
    <input id="toggle-box" name="b" value="2" type="checkbox" /> Enable the
    other checkbox.
  </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;
  },
  false,
);

结果

规范

规范
HTML 标准
# dom-fe-disabled

浏览器兼容性

BCD 表仅在浏览器中加载