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 |