HTML DOM Input Checkbox defaultChecked Property
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" >
< 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 >
function myGeeks() {
var g = document.getElementById("GFG").defaultChecked;
document.getElementById("sudo").innerHTML = g;
}
</ script >
</ body >
</ html >
|
Output:Â
Supported Browsers:
- Google Chrome 1
- Edge 12
- Opera 1
- Apple Safari 15
- Mozilla Firefox 4
Last Updated :
23 Jan, 2024
Like Article
Save Article
Share your thoughts in the comments
Please Login to comment...