jQuery <input> get the value of selected radio button

Description

jQuery <input> get the value of selected radio button

View in separate window 

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery Get Selected Radio Button Value</title>
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script>
    $(document).ready(function(){
        $("input[type='button']").click(function(){
          var radioValue = $("input[name='gender']:checked").val();
            if(radioValue){//from  www .  ja  va 2s. com
                document.getElementById("demo").innerHTML = "Your are a - " + radioValue;
            }
        });
    });
</script>
</head>
<body>
    <p id="demo"></p>
    <h4>Please select your gender.</h4>
    <p>
        <label><input type="radio" name="gender" value="male">Male</label>
        <label><input type="radio" name="gender" value="female">Female</label>
    </p>
    <p><input type="button" value="Get Value"></p>
</body>
</html>



PreviousNext

Related