HTML | DOM Input Checkbox type Property

Last Updated : 24 Aug, 2022

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 the checkbox.

Example: This example returns the Input Checkbox type Property.

HTML

<!DOCTYPE html>
<html>
<head>
    <title>
        DOM Input Checkbox type Property
    </title>
</head>
<body style="text-align: center;">
    <h1 style="color:green;">
        GeeksforGeeks
    </h1>
    <h2>DOM Input Checkbox type Property</h2>
    <form>
        <!-- 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 Input Checkbox type attribute -->
    <script>
        function myGeeks() {
            var g = document.getElementById("GFG").type
            document.getElementById("sudo").innerHTML = g;
        } 
    </script>
</body>
</html>