Input Range disabled 屬性

Input Range 對象參考手冊 Input Range 對象

實例

禁用滑塊控件:

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

輸出結果：


定義和用法

disabled 屬性用於設置或者返回滑塊控件是否被禁用。

使用 disabled 屬性的元素是不可用和不可點擊的。 禁用的元素在流覽器上通常顯示為灰色。

該屬性反映了 HTML disabled 屬性。

流覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流流覽器都支持 disabled 屬性。

注意： Internet Explorer 9及更早IE版本不支持使用 type="range" 屬性的 HTML <input> 元素。

語法

返回 disabled 屬性：

rangeObject.disabled

設置 disabled 屬性：

rangeObject.disabled=true|false

屬性值

值 描述
true|false 描述滑塊控件是否可用。
  • true - 滑塊控件不可用
  • false -默認。 滑塊控件可用

技術細節

返回值： 布爾值，如果滑塊控件不可用返回true，否則返回false

更多實例

實例

查看滑塊控件是否可用：

var x = document.getElementById("myRange").disabled;
x輸出結果為：
true


實例

禁用或啟用滑塊控件：

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


相關頁面

HTML 參考手冊: HTML <input> disabled 屬性

Input Range 對象參考手冊 Input Range 對象