Giả sử sau đây là hộp kiểm loại đầu ra của chúng ta -
<lable>John</lable> <input id="checkedValue1" type="checkbox"> <lable>David</lable> <input id="checkedValue2" type="checkbox">
Chúng tôi muốn đánh dấu vào bất kỳ hộp kiểm nào. Sử dụng thuộc tính đã chọn để chọn hộp kiểm.
Ví dụ
Sau đây là mã -
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<body>
<lable>John</lable>
<input id="checkedValue1" type="checkbox">
<lable>David</lable>
<input id="checkedValue2" type="checkbox">
</body>
<script>
document.querySelector('#checkedValue2').checked = true
</script>
</html> Để chạy chương trình trên, hãy lưu tên tệp anyName.html (index.html). Nhấp chuột phải vào tệp và chọn tùy chọn “Mở bằng máy chủ trực tiếp” trong trình chỉnh sửa Mã VS -
Đầu ra
Kết quả như sau -
