JQuery判断radio是否选中，获取选中值 

 1     <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
 2     <html xmlns="http://www.w3.org/1999/xhtml">  
 3     <head>  
 4     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
 5     <title>JQuery radio</title>  
 6     <script type="text/javascript" language="javascript" src="JavaScript/jquery-1.6.1.min.js" ></script>  
 7     <script type="text/javascript" language="javascript">  
 8      /*------判断radio是否有选中，获取选中的值--------*/  
 9         $(function(){  
10              $("#btnSubmit").click(function(){  
11                 var val=$('input:radio[name="sex"]:checked').val();  
12                 if(val==null){  
13                     alert("什么也没选中!");  
14                     return false;  
15                 }  
16                 else{  
17                     alert(val);  
18                 }  
19                 var list= $('input:radio[name="list"]:checked').val();  
20                 if(list==null){  
21                     alert("请选中一个!");  
22                     return false;  
23                 }  
24                 else{  
25                     alert(list);  
26                 }             
27              });  
28          });  
29     </script>  
30     </head>  
31       
32     <body>  
33     <form id="form1" >  
34     <input type="radio"  name="sex" value="男" />男  
35     <input type="radio" name="sex" value="女" />女  
36     <br />  
37     <input type="radio"  name="list" value="十分满意" />十分满意  
38     <input type="radio" name="list" value="满意" />满意  
39     <input type="radio" name="list" value="不满意" />不满意  
40     <input type="radio" name="list" value="非常差" />非常差  
41     <br />  
42     <input type="submit" value="submit"  id="btnSubmit" />  
43     </form>  
44     </body>  
45     </html>

 

posted @ 2014-05-12 11:03  笑笑别人  阅读(234)  评论(0)    收藏  举报