夏日博客

A-A+

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

2016年01月07日 前端设计 暂无评论 阅读 5 views 次

一个JQuery判断radio是否选中,获取选中值例子,没有什么特别要说的地方,大家拿下去直接使用即可.

其他对radio操作功能,以后在添加,直接上代码,下面可以直接运行.

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

给我留言