大多数情况下，所选单选按钮的值在表单提交后获得。
但如果我们想在表单提交之前获取所选单选按钮的值，请使用jQuery我们可以轻松完成。
jQuery：选中选择器有助于获取所选单选按钮的值。
要知道使用jQuery所选单选按钮的值，请使用'：选中'选择器。

以下示例代码将有助于使用jQuery获取组中的选中单选按钮的值。

JavaScript：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("input[type='button']").on('click', function(){
        var radioValue = $("input[name='gender']:checked").val();
        if(radioValue){
            alert(radioValue);
        }
    });
});
</script>

HTML：

<p>
    Select your gender:
    <input type="radio" name="gender" value="male">Male 
    <input type="radio" name="gender" value="female">Female
</p>
<p><input type="button" value="Get Value"></p>