HTML DOM Input Checkbox defaultChecked Property

Last Updated : 23 Jan, 2024

The HTML defaultChecked property is used to return the default value of the checked attribute. It has a boolean value that returns true if the checkbox is checked by default, otherwise returns false.

Syntax:

checkboxObject.defaultChecked

Return Values:

It returns a Boolean value that returns true if the checkbox is checked by default otherwise returns false.

Example:

HTML

<!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>