Check selected Radio Button value using JavaScript

In this code snippet we are checking gender using JavaScript function.

Check Selected Radio Button value

HTML and JavaScript:

<!--Check selected Radio Button value using JavaScript.-->

<html>
   <head>
      <title>Check selected Radio Button value using JavaScript.</title>
      <script type="text/javascript">
         function checkGender(){				
         	if(document.getElementById('radioMale').checked)
         		alert("You have selected Male.");
         	else
         		alert("You have selected Female.");
         }
      </script>
   </head>
   <body style="text-align: center;">
      <h1>Check selected Radio Button value using JavaScript.</h1>
      <b>Choose gender: </b><br><br>
      <input type="radio" id="radioMale" value="Male">Male</input>
      <input type="radio" id="radioFemale" value="Female">Female</input>
      <br><br>
      <input type="button" value="Check Gender" onClick="checkGender()"/>
   </body>
</html>

Result:

add two numbers using javascript

JavaScript Examples »



Related Examples




Comments and Discussions!

Load comments ↻






Copyright © 2024 www.includehelp.com. All rights reserved.