JQuery判断radio(单选框)是否选中和获取选中值
web jQuery 2017-09-11 2170 0
关于本站

“最难不过坚持”

本人承接扒站仿站,php网站维护,病毒查杀,网站编辑,网站改版,html制作

有需要网站维护,改版,病毒查杀,网站编辑,网站备案,html制作等相关的工作可以联系我。
本人有多年相关工作经验,也可提供免费咨询,交个朋友。
有需要探讨问题的朋友,也可以加我微信,共同探讨!
微信:15011482830 QQ:408917339

2799384 1967 23
最新评论
能不能显示这里当前在播放的视频的文件名?
评 设置video js多视频连续播放
为啥按照你的方法去写完后 提示未定义的hostname?
评 tp6用tp5er实现数据库备份,数据库还原
了解了,应该用超链接去访问 我当时用的是ajax,这回在到你这看看如何用Tp6备份数据库
评 thinkphp6 整合PhpSpreadsheet 导出数据到excel
为什么我执行这个方法 没有下载 ,但用url访问这个页面就可以下载了 是我哪里弄错了吗
评 thinkphp6 整合PhpSpreadsheet 导出数据到excel
:haha:
评 SublimeText3 ctrl+f打开搜索框后怎么关闭?
文章标签更多
ThinkPHP (225)
Mysql (42)
DedeCms (33)
jQuery (54)
证件照 (1)
setInc (4)
setDec (4)
onclick (5)
打开边栏(ESC) 关闭边栏(ESC)
一、利用获取选中值判断选中
 

直接上代码,别忘记引用JQuery包

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <title>JQuery radio</title>
 <script type="text/javascript" language="javascript" src="JavaScript/jquery-1.6.1.min.js" ></script>
 <script type="text/javascript" language="javascript">
  /*------判断radio是否有选中,获取选中的值--------*/
     $(function(){
          $("#btnSubmit").click(function(){
             var val=$('input:radio[name="sex"]:checked').val();
             if(val==null){
                 alert("什么也没选中!");
                 return false;
             }
             else{
                 alert(val);
             }
             var list= $('input:radio[name="list"]:checked').val();
             if(list==null){
                 alert("请选中一个!");
                 return false;
             }
             else{
                 alert(list);
             }           
         });
      });
 </script>
 </head>
  
 <body>
 <form id="form1" >
 <input type="radio"  name="sex" value="男" />男
 <input type="radio" name="sex" value="女" />女
 <br />
 <input type="radio"  name="list" value="十分满意" />十分满意
 <input type="radio" name="list" value="满意" />满意
 <input type="radio" name="list" value="不满意" />不满意
 <input type="radio" name="list" value="非常差" />非常差
 <br />
 <input type="submit" value="submit"  id="btnSubmit" />
 </form>
 </body>
 </html>

二、使用checked属性判断选中 

radio不能用“checked”相等来判断,只用用true来判断
<script type="text/javascript">
         $(function () {
             $("input").click(function () {
                 if ($(this).attr("checked")) {
                     alert("选中了");
                 }
             });
         });
     </script>
 </head>
 <body>
 <input type="radio"/>
 </body>
 </html>
三、jquery获取radio单选按钮的值
$("input[name='items']:checked").val();  
另:判断radio是否选中并取得选中的值
function checkradio(){ 
var item = $(":radio:checked"); 
var len=item.length; 
if(len>0){ 
  alert("yes--选中的值为:"+$(":radio:checked").val()); 
} 
} 
四、获取一组radio被选中项的值 
var item = $('input[name=items][checked]').val();   
五、设置单选按钮被选中 
$("input[type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项   


版权声明:本篇文章来源于网络。 来源链接

相关推荐
jQuery出现Uncaught TypeError: $(...).prop is not a function问题
jQuery | 2019-08-23 4472
做全选功能的时候用到 var xz = $(this).prop("checked"); 提示: Uncaught TypeError: $(...).prop is not a function 应该是jquery版本过低造成的,更换高版本成功解决问题, jquery下载地址 http://www...
TypeError: e.indexOf is not a function解决方法
jQuery | 2020-06-23 3401
This error might be caused by jquery event aliases like .load, .unload or .error deprecated since jQuery 1.8. Look for these aliases in your code and replace them with .o...
评论:0条
评论加载中...
发表评论