单选按钮（radio）的取值和点击事件笔记⾛⼀波：获取单选按钮(radio)的选中值，以及它的点击事件的实现
⾸先要引⼊Jquery
<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>
就这么丑啊！就这么丑！
需求⼀：点击“获取性别”按钮，使⽤alert()弹出选中按钮的value值
// 通过type="radio"获取选中的值
$("#getSexBtn").click(function(){
html radio点击变颜var sex = $("input[type=radio]:checked").val();
alert(sex);
});
// 通过name="sex"获取选中的值
$("#getSexBtn").click(function(){
var sex = $("input[name=sex]:checked").val();
alert(sex);
});
需求⼆：选中“男”或者“⼥”时，弹出选中的按钮的value值，即按钮的点击事件
// 点击单选按钮后触发，即，我们选择“男”时，触发⼀个事件，弹出选中的值
$("input[name=sex]").click(function(){
var sex = $(this).val();
alert(sex);
});
不积跬步，⽆以⾄千⾥。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。