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>
|
Output:
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