Input Checkbox disabled 属性

HTML DOM イプット チェックボックス オブジェクト

定義と用法

disabled チェックボックスが無効化されるべきかどうかを設定または返します。

無効化された要素は使用できず、クリックもできません。デフォルトでは、無効化された要素はブラウザで灰色で表示されます。

この属性は HTML の disabled 属性を反映しています。

参照：

HTML 参考マニュアル：HTML <input> disabled 属性

例

例 1

チェックボックスを無効化：

document.getElementById("myCheck").disabled = true;

自分で試してみてください

例 2

チェックボックスが無効化されているか確認：

var x = document.getElementById("myCheck").disabled;

自分で試してみてください

例 3

チェックボックスの有効/無効化：

function disable() {
    document.getElementById("myCheck").disabled = true;
}
function undisable() {
    document.getElementById("myCheck").disabled = false;
}

自分で試してみてください

文法

返回 disabled 属性：

checkboxObject.disabled

設定 disabled 属性：

checkboxObject.disabled = true|false

属性値

値 説明
true|false

チェックボックスが無効化されるべきかどうかを指定します。

可能な値：

  • true - チェックボックスが無効化されています
  • false - デフォルト。チェックボックスは無効化されていません

技術的な詳細

返り値： ブール値、チェックボックスが無効化されている場合に返されます true、それ以外の場合 false。

ブラウザのサポート

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
サポート サポート サポート サポート サポート

HTML DOM イプット チェックボックス オブジェクト