HTML DOM Input Color defaultValue Property

HTML DOM Input Checkbox defaultChecked Property

Last Updated : 19 Sep, 2024

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.defaultChecked

Return 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.

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>

Output:
def

Supported Browsers

HTML DOM Input Color defaultValue Property

M

manaschhabra2

Improve

Article Tags :

Practice Tags :

Misc

Similar Reads

HTML | DOM Input Checkbox checked Property

The DOM Input Checkbox Property is used to set or return the checked status of a checkbox field. This property is used to reflect the HTML Checked attribute. Syntax: It is used to return the checked property.checkboxObject.checkedIt is used to set the checked property.checkboxObject.checked = true|f

HTML | DOM Input Checkbox defaultValue Property

The DOM Input Checkbox defaultValue Property is used to set or returns the default value of an Input Checkbox field. This property is used to reflect the HTML value attribute. The main difference between the default value and value is that the default value indicates the default value and the value

HTML | DOM Input Checkbox disabled Property

The Input Checkbox disabled property in HTML DOM is used to set or return whether the Input Checkbox field must be disabled or not. A disabled checkbox is unclickable and unusable. It is a boolean attribute and used to reflect the HTML Disabled attribute. Syntax: It returns the Input Checkbox disabl

HTML | DOM Input Checkbox form Property

The Input Checkbox form property in HTML DOM is used to return the reference of form containing the input Checkbox field. It is read only property that returns the form object on success. Syntax: checkboxObject.form Return Values: It returns a string value which specify the reference of the form con

HTML DOM Input Color defaultValue Property

The DOM Input Color defaultValue Property in HTML DOM is used to set or return the default value of a Color picker. It is the value specified in the value attribute. Syntax: It returns the defaultValue property.colorObject.defaultValueIt is used to set the defaultValue property.colorObject.defaultVa

HTML | DOM Input Date defaultValue Property

The Input Date defaultValue Property in HTML DOM is used to set or return the default value of a date field. This property is used to reflect the HTML value attribute. The main difference between the default value and value is that the default value indicate the default value and the value contains

HTML | DOM Input Checkbox type Property

The Input Checkbox type Property in HTML DOM is used to return that which type of form element the checkbox is. For a checkbox input field, this Property was always return only "checkbox". Syntax: checkboxObject.type Return Value: It returns a string value which represents the type of form element t

HTML DOM Input Checkbox value Property

HTML DOMÂ Input Checkbox Value propertyÂ sets or return the value of the value attribute of an input checkbox field, however the contents of the value attribute does not shown to user. It manages their assigned value, reflecting their state when checked or unchecked. It retrieves or sets the value att

HTML | DOM Option defaultSelected Property

The DOM Option defaultSelected Property is used to return the default value of a selected attribute. The selected attribute in HTML is used to specify which option should be by default selected when the page loads. This is a boolean attribute. The option that is having the selected attribute will be

HTML | DOM Input URL defaultValue Property

The DOM Input URL defaultValue Property in HTML DOM is used to set or return the default value of the URL Field. This property is used to reflect the HTML value attribute. The main difference between the default value and value is that the default value indicates the default value and the value cont