Thuộc tính disabled trong JavaScript

Trong HTML tồn tại các thuộc tính đặc biệt không có giá trị, ví dụ, thuộc tính disabled, được sử dụng để khóa các phần tử. Để thiết lập thuộc tính như vậy, thuộc tính tương ứng cần được gán giá trị true, và để loại bỏ - giá trị false.

Hãy xem xét trong thực tế. Giả sử chúng ta có một đầu vào bị khóa:

html<input id="elem" disabled>

Hãy in ra giá trị của thuộc tính disabled của đầu vào này:

javascriptlet elem = document.querySelector('#elem');
console.log(elem.disabled); // sẽ in ra true

Và bây giờ hãy mở khóa nó:

javascriptlet elem = document.querySelector('#elem');
elem.disabled = false;
Задание 1

Cho một trường nhập và một nút. Khi nhấp vào nút, hãy khóa trường nhập.

Задание 2

Cho một trường nhập và hai nút. Hãy để việc nhấp vào nút đầu tiên khóa trường nhập, và nhấp vào nút thứ hai - mở khóa.

Задание 3

Cho một trường nhập và một nút. Khi nhấp vào nút, hãy kiểm tra xem trường nhập có bị khóa hay không.