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:
<input id="elem" disabled>
Hãy in ra giá trị của thuộc tính disabled
của đầu vào này:
let elem = document.querySelector('#elem');
console.log(elem.disabled); // sẽ in ra true
Và bây giờ hãy mở khóa nó:
let elem = document.querySelector('#elem');
elem.disabled = false;
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.
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.
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.
