JavaScript: Display Alert Message Box on RadioButton click in HTML

Adnaan

SOLVED CLOSED ACTIVE ANSWERED
User: Adnaan
Posted: on Feb 22, 2025 09:39 AM
Forum: JavaScript
Answer: 1
Views: 1138

How tro display alert message box on RadioButton click in JavaScript?

 Do you have passport?
<input type="radio" name="passport" value="Yes" onclick="GetDetails(this)" />Yes
<input type="radio" name="passport" value="No" onclick="GetDetails(this)" />No

dharmend...

0 2

Reply
ANSWER
User: dharmendr
Replied: on Feb 23, 2025 11:44 AM
Report

Hi Adnaan,

Reference the RadioButtons and loop through it. If checked then fetch the value.

Refer below example.

HTML

<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <style type="text/css">
        body { font-family: Arial; font-size: 10pt; }
    </style>
</head>
<body>
    Do you have passport?
    <input type="radio" name="passport" value="Yes" onclick="GetDetails(this)" />Yes
    <input type="radio" name="passport" value="No" onclick="GetDetails(this)" />No
    <script type="text/javascript">
        function GetDetails() {
            var radioButtons = document.getElementsByName('passport');
            for (i = 0; i < radioButtons.length; i++) {
                if (radioButtons[i].checked) {
                    alert(radioButtons[i].value);
                    break;
                }
            }
        }
    </script>
</body>
</html>

Demo

Screenshot

Downloads

Download Sample

JavaScript: Display Alert Message Box on RadioButton click in HTML

Company

Explore

Follow us

Contact Us