最新のWeb開発のチュートリアル
 

Input Range disabled Property

<入力範囲オブジェクト

スライダコントロールを無効にします。

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

結果は次のようになります。

»それを自分で試してみてください

定義と使用法

無効なプロパティセットやスライダコントロールが無効になって、するかどうかを返します。

無効な要素が使用不可能と非クリッカブルです。 無効化された要素は、通常のブラウザでは、デフォルトでは灰色でレンダリングされます。

このプロパティは、HTML disabled属性を反映しています。


ブラウザのサポート

Internet ExplorerFirefoxOperaGoogle ChromeSafari

disabledプロパティは、すべての主要なブラウザでサポートされています。

注: <input type="range">要素は、Internet Explorer 9およびそれ以前のバージョンでサポートされていません。


構文

disabledプロパティを返します:

rangeObject .disabled

disabledプロパティを設定します。

rangeObject .disabled=true|false

プロパティ値

説明
true|false スライダコントロールが無効になって、するかどうかを指定します
  • 真 - スライダコントロールは無効になっています
  • 偽 - デフォルト。 スライダコントロールは無効になっていません

技術的な詳細

戻り値: スライダーのコントロールが無効になっている場合はブール値、それ以外の場合はfalseを返し、trueを返します

その他の例

スライダーのコントロールが無効であるかどうかを調べます。

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

xの結果は次のようになります。

true
»それを自分で試してみてください

スライダコントロールを無効にし、undisable:

function disableBtn() {
    document.getElementById("myRange").disabled = true;
}

function undisableBtn() {
    document.getElementById("myRange").disabled = false;
}
»それを自分で試してみてください

関連ページ

HTMLリファレンス: HTML <input> disabled属性


<入力範囲オブジェクト