Breaking News: Grepper is joining You.com. Read the official announcement!

power pages + dom + javascript + radio button

Richard Ross answered on July 24, 2023 Popularity 3/10 Helpfulness 1/10

answer power pages + dom + javascript + radio button

power pages + dom + javascript + radio button

Comment

<!DOCTYPE html>
<html lang="en">
<head>
    <title>
          How to get value of selected radio button using JavaScript ?
      </title>
</head>
 
<body>
    <p>
        Select a radio button and click on Submit.
    </p>
    Gender:
    <input type="radio" name="gender" value="Male">Male
    <input type="radio" name="gender" value="Female">Female
    <input type="radio" name="gender" value="Others">Others
    <br>
    <button type="button" onclick="displayRadioValue()">
        Submit
    </button>
    <br>
    <div id="result"></div>
    <script>
        function displayRadioValue() {
            var ele = document.getElementsByName('gender');
 
            for (i = 0; i < ele.length; i++) {
                if (ele[i].checked)
                    document.getElementById("result").innerHTML
                        = "Gender: " + ele[i].value;
            }
        }
    </script>
</body>
</html>

Popularity 3/10 Helpfulness 1/10 Language javascript

Source: www.geeksforgeeks.org

Tags: dom javascript radio-button

Link to this answer
Share Copy Link