Button disabled 属性

HTML DOM Button オブジェクト

定義と使用法

disabled 属性はボタンが無効化されているかどうかを設定または戻します。

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

この属性は HTML disabled 属性。

例

例 1

ボタンを無効化する：

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

自分で試してみる

例 2

ボタンが無効化されているか確認する：

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

自分で試してみる

例 3

ボタンを無効化および有効化：

function disableBtn() {
    document.getElementById("myBtn").disabled = true;
}
function enableBtn() {
    document.getElementById("myBtn").disabled = false;
}

自分で試してみる

文法

戻る disabled 属性：

buttonObject.disabled

設定 disabled 属性：

buttonObject.disabled = true|false

属性値

値 説明
true|false

ボタンを無効にするかどうかを指定します。

  • true - ボタンが無効です
  • false - デフォルト。このボタンは無効ではありません

技術的詳細

返り値： ボタンが無効になっている場合 true、そうでない場合は false が返されます。

ブラウザのサポート

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

関連ページ

HTML リファレンスマニュアル：HTML <button> disabled 属性

HTML DOM Button オブジェクト