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++处理。