HTML DOM Input Checkbox defaultChecked Property
Last Updated :
19 Sep, 2024
Improve
The defaultChecked property in HTML DOM reflects the default checked state of an input checkbox as specified in the HTML. It indicates whether the checkbox was initially selected or not, without reflecting changes made after the page loads.
Syntax
checkboxObject.defaultCheckedReturn Values: It returns a Boolean value that returns true if the checkbox is checked by default otherwise returns false.
Example: In this example we demonstrates the defaultChecked property of a checkbox, displaying whether the Checked by default checkbox was initially checked. The result is shown when the Submit button is clicked.
<!DOCTYPE html>
<html>
<head>
<title>
DOM Input Checkbox defaultChecked Property
</title>
</head>
<body style="text-align:center;">
<h1 style="color:green;">
GeeksforGeeks
</h1>
<h2>DOM Input Checkbox defaultChecked Property</h2>
<form id="myGeeks">
<!-- Below input elements have attribute checked -->
<input type="checkbox" name="check" id="GFG"
value="1" Checked>Checked by default<br>
<input type="checkbox" name="check" value="2">
Not checked by default<br>
</form><br>
<button onclick="myGeeks()">
Submit
</button>
<p id="sudo" style="color:green;font-size:25px;"></p>
<!-- Script to return the Input Checkbox defaultChecked Property -->
<script>
function myGeeks() {
var g = document.getElementById("GFG").defaultChecked;
document.getElementById("sudo").innerHTML = g;
}
</script>
</body>
</html>
Output: 
