How to get the value of selected radio button in a group using jQuery

  2601 views   1 year ago jQuery

Use the jQuery :checked selector

You can simply use the jQuery :checked selector in combination with the val() method to find the value of the selected radio button inside a group.

Let's try out the following example to understand how it basically works:

<!DOCTYPE html>
<html lang="en">
<meta charset="utf-8">
<title>jQuery Get Selected Radio Button Value</title>
<script src=""></script>
            var radioValue = $("input[name='gender']:checked").val();
                alert("Your are a - " + radioValue);
    <h4>Please select your gender.</h4>
        <label><input type="radio" name="gender" value="male">Male</label> 
        <label><input type="radio" name="gender" value="female">Female</label>
    <p><input type="button" value="Get Value"></p>


Author : Harsukh Makwana
Harsukh Makwana

Hi, My name is Harsukh Makwana. i have been work with many programming language like php, python, javascript, node, react, anguler, etc.. since last 5 year. if you have any issue or want me hire then contact me on [email protected]