Thuộc tính disabled của Input Range

Đối tượng Input Range của HTML DOM

Định nghĩa và cách sử dụng

disabled thiết lập hoặc trả về liệu điều khiển trượt có nên bị tắt hay không.

Các phần tử bị tắt không thể sử dụng và không thể nhấp vào. Mặc định, các phần tử bị tắt thường được hiển thị dưới dạng màu xám trong trình duyệt.

Thuộc tính này phản ánh thuộc tính disabled của HTML.

Xin xem thêm:

Hướng dẫn HTML:Thuộc tính disabled của <input> trong HTML

thí nghiệm

ví dụ 1

tắt điều khiển trượt:

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

thử ngay

ví dụ 2

kiểm tra điều khiển trượt có bị tắt hay không:

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

thử ngay

ví dụ 3

tắt và mở lại điều khiển trượt:

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

thử ngay

cú pháp

trả về thuộc tính disabled:

rangeObject.disabled

thiết lập thuộc tính disabled:

rangeObject.disabled = true|false

giá trị thuộc tính

giá trị mô tả
true|false

Định nghĩa có nên tắt điều khiển trượt hay không

  • true - Điều khiển trượt đã bị tắt
  • false - Mặc định. Điều khiển trượt không bị tắt

Chi tiết kỹ thuật

Giá trị trả về: Giá trị boolean, nếu điều khiển trượt bị tắt, sẽ trả về true; nếu không thì trả về false.

Hỗ trợ trình duyệt

Số trong bảng chỉ ra phiên bản trình duyệt đầu tiên hỗ trợ thuộc tính này hoàn toàn.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Hỗ trợ 10.0 Hỗ trợ Hỗ trợ Hỗ trợ

Đối tượng Input Range của HTML DOM