单选按钮(radio)的取值和点击事件

<script type="text/javascript" src="js/jquery-3.1.1.min.js">

<!-- 单选按钮的取值和点击事件-->
<form action="#" method="post">
    性别：
    <input type="radio" name="sex" value="male" checked="true" />男
    <input type="radio" name="sex" value="female" />女

    <input type="button" id="getSexBtn" value="获取性别" />
</form>

// 通过type="radio"获取选中的值
$("#getSexBtn").click(function(){
    var sex = $("input[type=radio]:checked").val();
    alert(sex);
});

// 通过name="sex"获取选中的值
$("#getSexBtn").click(function(){
        var sex = $("input[name=sex]:checked").val();
        alert(sex);
});

// 点击单选按钮后触发，即，我们选择“男”时，触发一个事件，弹出选中的值
$("input[name=sex]").click(function(){
    var sex = $(this).val();
    alert(sex);
});