Input Range disabled 속성

정의 및 사용법

disabled 스ライ더 컨트롤을 비활성화할지 여부를 설정하거나 반환합니다.

비활성화된 요소는 사용할 수 없으며 클릭할 수 없습니다. 기본적으로, 비활성화된 요소는 브라우저에서 회색으로 표시됩니다.

이 속성은 HTML disabled 속성을 반영합니다.

다른 참조:

HTML 참조 매뉴얼:HTML <input> disabled 속성

예제

예제 1

스ライ더 컨트롤 비활성화:

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

직접 시도해보세요

예제 2

스ライ더 컨트롤이 비활성화되었는지 확인:

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

직접 시도해보세요

예제 3

스ライ더 컨트롤을 비활성화 및 활성화:

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

직접 시도해보세요

문법

disabled 속성 반환:

rangeObject.disabled

disabled 속성 설정:

rangeObject.disabled = true|false

속성값

설명
true|false

슬라이더 컨트롤을 비활성화할지 여부를 정의합니다

  • true - 슬라이더 컨트롤이 비활성화되었습니다
  • false - 기본 설정. 슬라이더 컨트롤이 비활성화되어 있지 않습니다

기술 세부 사항

반환 값: 부울 값, 슬라이더 컨트롤이 비활성화되어 있으면 반환 true;그렇지 않으면 반환 false

브라우저 지원

표에서 수는 해당 속성을 최초로 지원한 브라우저 버전을 나타냅니다.

크롬 에지 파이어폭스 사파리 오페라
크롬 에지 파이어폭스 사파리 오페라
지원 10.0 지원 지원 지원