Latest web development tutorials

HTML DOM 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對象