Skip to content
Related Articles

Related Articles

HTML | DOM Input Checkbox type Property

View Discussion
Improve Article
Save Article
  • Difficulty Level : Basic
  • Last Updated : 24 Aug, 2022
View Discussion
Improve Article
Save Article

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



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. 


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


Before clicking on the Button:


After clicking on the Button:


Supported Browsers: The browser supported by DOM Input Checkbox type Property are listed below:

  • Google Chrome
  • Edge 12 and above
  • Opera
  • Apple Safari
  • Mozilla Firefox

My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!