JQuery判断radio是否选中并获取选中值的示例代码
其他对radio操作功能,以后在添加。直接上代码,别忘记引用JQuery包
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
<title>JQueryradio</title>
<scripttype="text/javascript"language="javascript"src="JavaScript/jquery-1.6.1.min.js"></script>
<scripttype="text/javascript"language="javascript">
/*------判断radio是否有选中,获取选中的值--------*/
$(function(){
$("#btnSubmit").click(function(){
varval=$('input:radio[name="sex"]:checked').val();
if(val==null){
alert("什么也没选中!");
returnfalse;
}
else{
alert(val);
}
varlist=$('input:radio[name="list"]:checked').val();
if(list==null){
alert("请选中一个!");
returnfalse;
}
else{
alert(list);
}
});
});
</script>
</head>
<body>
<formid="form1">
<inputtype="radio"name="sex"value="男"/>男
<inputtype="radio"name="sex"value="女"/>女
<br/>
<inputtype="radio"name="list"value="十分满意"/>十分满意
<inputtype="radio"name="list"value="满意"/>满意
<inputtype="radio"name="list"value="不满意"/>不满意
<inputtype="radio"name="list"value="非常差"/>非常差
<br/>
<inputtype="submit"value="submit"id="btnSubmit"/>
</form>
</body>
</html>
网友评论:varboolCheck=$('input:radio[name="sex"]').is(":checked");比较好,这种方法较简洁
is()根据选择器、元素或jQuery对象来检测匹配元素集合,如果这些元素中至少有一个元素匹配给定的参数,则返回true。
如果您保存后乱码,这里推荐使用notepad++处理。