JavaScript Reference Manual

Overview

JavaScript Objects

Browser Objects

DOM Objects

HTML Objects

<input> - number

HTML DOM Password Object

Input Range disabled Property

Input Range Object Reference Manual Input Range Object

Example

Disable the slider control:

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

Output:

Try it yourself »

Definition and Usage

The disabled property is used to set or return whether the slider control is disabled.

An element with the disabled attribute is unusable and unclickable. Disabled elements are usually rendered in gray in the browser.

This property reflects the HTML disabled attribute.

Browser Support

Internet Explorer Firefox Opera Google Chrome Safari

All major browsers support the disabled property.

Note: Internet Explorer 9 and earlier IE versions do not support the HTML <input> element with the type="range" attribute.

Syntax

Get the disabled property:

_rangeObject_.disabled

Set the disabled property:

_rangeObject_.disabled=true|false

Property Values

Value	Description
true\|false	Specifies whether the slider control is available. * true - The slider control is not available. * false - Default. The slider control is available.

Technical Details

Return Value:	A Boolean. Returns true if the slider control is not available, otherwise returns false.

More Examples

Example

Check if the slider control is available:

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

x output will be:

true

Try it yourself »

Example

Disable or enable the slider control:

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

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

Try it yourself »

HTML Reference Manual: HTML <input> disabled Attribute

Input Range Object Reference Manual Input Range Object

<input> - number

HTML DOM Password Object