HTML | DOM Input Checkbox defaultChecked Property
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.
Syntax:
checkboxObject.defaultChecked
Example: This example illustrates the Input Checkbox defaultChecked property.
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> |
chevron_right
filter_none
Output:
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
