How to get value of selected Radio Button in JavaScript?
I have two Radio Button having Male and Female.
When i select an RadioButton, i want display its value in JavaScript alert box on Button Click.
Hi makenzi.exc,
To get the selected RadioButton value, you need to loop through the RadioButtons and check if checked, then show the value.
HTML
<html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> body { font-family: Arial; font-size: 10pt; } </style> </head> <body> Gender: <input type="radio" name="gender" value="Male">Male <input type="radio" name="gender" value="Female">Female <script type="text/javascript"> function GetSelectedGender() { // Referencing the Radio Buttons. var genders = document.getElementsByName('gender'); // Loop through the Radiobuttons. for (i = 0; i < genders.length; i++) { if (genders[i].checked) { alert("Gender: " + genders[i].value); } } }; </script> <input type="button" value="Submit" onclick="GetSelectedGender()" /> </body> </html>
Demo
Screenshot
Downloads
Download Sample
© COPYRIGHT 2025 ASPSnippets.com ALL RIGHTS RESERVED.