Thuộc tính defaultChecked của hộp kiểm nhập HTML DOM trả về giá trị mặc định 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 -
object.defaultChecked
Ví dụ
Hãy để chúng tôi xem một ví dụ về thuộc tính defaultChecked -
<!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:180px;
margin:0.5rem;
border-radius:50px;
outline:none;
font-weight:bold;
}
.show-msg{
color:#db133a;
font-size:1.5rem;
font-weight:bold;
}
</style>
</head>
<body>
<h1>checked Property Example</h1>
<p>Are you smart?</p>
<input type="checkbox" checked>
<br>
<button onclick="check()">Lets Check? Click me</button>
<div class="show-msg"></div>
<script>
function check() {
var input = document.querySelector("input");
var showMsg = document.querySelector(".show-msg");
if(input.defaultChecked === true){
showMsg.innerHTML="You are right!You are smart by default";
} else {
showMsg.innerHTML="Hmmmmm!You are not smart by default";
}
}
</script>
</body>
</html> Đầu ra
Điều này sẽ tạo ra kết quả sau -
Nhấp vào “ Cho phép Kiểm tra? Nhấp vào tôi ”Để kiểm tra xem hộp kiểm có được chọn theo mặc định hay không?
