HTML | DOM Input Radio required Property - GeeksforGeeks

25 Mar, 2019
The DOM Input Radio required Property in HTML DOM is used to set or return whether Input Radio Field should be checked or not when submitting the form. This property is used to reflect the HTML required attribute.
Syntax:
It returns the Input Radio required property.radioObject.required
radioObject.required
It is used to set the Input Radio required property.radioObject.required = true|false
radioObject.required = true|false
Property Values:
true: It specifies that the Radio field must be checked out before submitting the form.
false: It is the default value. It specifies that the Radio field must not be checked out before submitting the form.
Return Value: It returns a Boolean value which represents that the Radio Field must be checked or not before submitting the form.
Example-1: This example illustrates how to return Input Radio required property.
<!DOCTYPE html><html>  <head>    <style>        body {            text-align: center;        }                  h1 {            color: green;        }    </style></head>  <body>    <h1>      GeeksforGeeks  </h1>      <h2>      HTML DOM Input Radio required Property  </h2>   Radio Button:    <input type="radio"           checked=true            id="radioID"           value="Geeks_radio"           required>    <br>    <br>    <button onclick="GFG()">        Click!    </button>    <p id="GFG"        style="font-size:25px;              color:green;">  </p>    <script>        function GFG() {              // Accessing input element             // type="radio"             var x =                document.getElementById(                  "radioID").required;                        document.getElementById(              "GFG").innerHTML = x;        }    </script>  </body>  </html>
Output:Before Clicking On Button:
After Clicking On Button:
Example-2: This Example illustrates how to set the Input Radio required Property.
<!DOCTYPE html><html>  <head>    <style>        body {            text-align: center;        }                  h1 {            color: green;        }    </style></head>  <body>    <h1>      GeeksforGeeks  </h1>      <h2>      HTML DOM Input Radio required Property  </h2>   Radio Button:    <input type="radio"           checked=true           id="radioID"           value="Geeks_radio"           required>    <br>    <br>    <button onclick="GFG()">        Click!    </button>    <p id="GFG"        style="font-size:25px;              color:green;">  </p>    <script>        function GFG() {              // Accessing input element             // type="radio"             var x =                document.getElementById(                  "radioID").required = "false";                        document.getElementById(              "GFG").innerHTML = x;        }    </script>  </body>  </html>
Output:Before Clicking On Button:
After Clicking On Button:
Supported Browsers: The browser supported by DOM input Radio required Property are listed below:
Google Chrome
Internet Explorer 10.0 +
Firefox
Opera
Safari
Attention reader! Don’t stop learning now. Get hold of all the important HTML concepts with the Web Design for Beginners | HTML  course.
HTML-DOM
HTML
Web Technologies
HTML
Writing code in comment?
Please use ide.geeksforgeeks.org,
generate link and share the link here.
Comments
Old Comments
How to update Node.js and NPM to next version ?
Types of CSS (Cascading Style Sheet)
How to Insert Form Data into Database using PHP ?
CSS to put icon inside an input element in a form
REST API (Introduction)
Top 10 Front End Developer Skills That You Need in 2022
Installation of Node.js on Linux
How to fetch data from an API in ReactJS ?
Difference between var, let and const keywords in JavaScript
Convert a string to an integer in JavaScript