Làm việc với Checkbox trong JavaScript
Bây giờ chúng ta sẽ học cách làm việc với checkbox. Checkbox là một dấu kiểm đặc biệt, có thể ở một trong hai trạng thái: được đánh dấu hoặc không.
Checkbox được tạo như sau:
<input type="checkbox" id="elem">
Để làm cho checkbox được đánh dấu - cần
thêm thuộc tính checked cho nó:
<input type="checkbox" checked id="elem">
Hãy thử kiểm tra trạng thái của checkbox của chúng ta:
let elem = document.querySelector('#elem');
console.log(elem.checked);
Cho một checkbox và hai nút bấm. Khi nhấn vào nút thứ nhất hãy đặt checkbox vào trạng thái đã đánh dấu, còn khi nhấn vào nút thứ hai - về trạng thái chưa đánh dấu.
Cho một checkbox, một nút bấm và một đoạn văn. Khi nhấn vào
nút bấm, nếu checkbox được đánh dấu, hãy in vào
đoạn văn từ 'hello', còn nếu checkbox
không được đánh dấu, thì in từ 'goodbye'.