Skip to content
Related Articles

Related Articles

Improve Article

HTML | DOM Input Checkbox defaultChecked Property

  • Difficulty Level : Basic
  • Last Updated : 15 Oct, 2020

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


Attention reader! Don’t stop learning now. Get hold of all the important HTML concepts with the Web Design for Beginners | HTML  course.


Example: This example illustrates the Input Checkbox defaultChecked property. 


<!DOCTYPE html>
            DOM Input Checkbox defaultChecked Property
    <body style="text-align:center;">
        <h1 style="color:green;">
        <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>
        <button onclick="myGeeks()">
        <p id="sudo" style="color:green;font-size:25px;"></p>
        <!-- Script to return the Input Checkbox
            defaultChecked Property -->
            function myGeeks() {
                var g = document.getElementById("GFG").defaultChecked;
                document.getElementById("sudo").innerHTML = g;

Before clicking on the Button: 

After clicking on the Button: 

Supported Browsers: The browser supported by DOM input Checkbox defaultchecked property are listed below: 

  • Google Chrome
  • Internet Explorer
  • Firefox
  • Opera
  • Safari


My Personal Notes arrow_drop_up
Recommended Articles
Page :