最新的Web开发教程
 

Input Range disabled Property

<输入范围对象

禁用滑块控件:

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

其结果将是:

试一试»

定义和用法

被禁用的属性设置或返回是否滑块控件应禁用,还是不行。

禁用的元件是不可用的和未点击。 禁用元件在浏览器中通常灰色呈现默认情况下。

该属性反映了HTML disabled属性。


浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

禁用的属性在所有主流浏览器的支持。

注意: <input type="range">元件没有在Internet Explorer 9及更早版本支持。


句法

返回disabled属性:

rangeObject .disabled

设置disabled属性:

rangeObject .disabled=true|false

属性值

描述
true|false 指定滑块控件是否应禁用或不
  • 真 - 滑块控制无效
  • 假 - 默认。 滑块控制没有被禁用

技术细节

返回值: 布尔,如果滑块控制被禁止返回true,否则返回false

更多示例

找出一个滑块控件被禁用或不:

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>禁用属性


<输入范围对象