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 id="check-box" name="b" value="1" type="checkbox" disabled /> このボックスをチェックしてください。 </label> </p> <p> <label> <input id="toggle-box" name="b" value="2" type="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, ); 結果
仕様書
| Specification |
|---|
| HTML # dom-fe-disabled |
ブラウザーの互換性
Loading…