How to get the value of selected radio button in a group using 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>