HTMLInputElement: disabled プロパティ

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨2015年7月⁩.

HTMLInputElement.disabled はdisabled という HTML の属性を反映した論理値で、このコントロールが無効であるかどうかを表します。無効である場合、クリックを受け付けません。無効化された要素は使用できず、クリックもできません。

値

論理値です。

例

HTML

html

<p>  <label>    <input name="b" value="1" type="checkbox" disabled />    このボックスをチェックしてください。  </label></p><p>  <label>    <input name="b" value="2" type="checkbox" />    もう一つのボックスを有効にします。  </label></p>

JavaScript

const checkBox = document.getElementById("check-box");const toggleBox = document.getElementById("toggle-box");toggleBox.addEventListener(  "change",  (event) => {    checkBox.disabled = !event.target.checked;  },  false,);