Hộp kiểm đầu vào HTML DOM thuộc tính đã kiểm tra trả về và thay đổi giá trị của thuộc tính đã kiểm tra của hộp kiểm trong HTML.
cú pháp
Sau đây là cú pháp -
1. Đã kiểm tra trở lại
object.checked
2. Đã kiểm tra sự thay đổi
object.checked = true|false
Ví dụ
Hãy để chúng tôi xem một ví dụ về thuộc tính Hộp kiểm đầu vào HTML DOM đã kiểm tra -
<!DOCTYPE html>
<html>
<head>
<title>HTML DOM checked property</title>
<style>
body{
text-align:center;
}
p{
font-size:1.5rem;
color:#ff8741;
}
input{
width:30px;
height:30px;
}
button{
background-color:#db133a;
color:#fff;
padding:8px;
border:none;
width:120px;
margin:0.5rem;
border-radius:50px;
outline:none;
}
</style>
</head>
<body>
<h1>checked Property Example</h1>
<p>Are you happy?</p>
<input type="checkbox">
<br>
<button onclick="yes()">Yes</button>
<button onclick="no()">No</button>
<script>
function yes() {
document.querySelector("input").checked = true;
}
function no() {
document.querySelector("input").checked = false;
}
</script>
</body>
</html> đầu ra
Điều này sẽ tạo ra kết quả sau -
Nhấp vào nút “Có” để chọn hộp.
Bây giờ, hãy nhấp vào “ Không ”Để bỏ chọn hộp.
