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

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

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

2032906 1790 18
最新评论
如果在每个单词下面标上注释和用意就更好了
评 js按大写字母拆分字符串
报错 in promise) MiniProgramError {"errMsg":"removeTabBarBadge:fail not TabBar page"} Object
评 人人商城小程序昵称变成了“微信用户”头像也不显示?getUserInfo换成getUserProfile
按照这个修改后报错: ReferenceError: n is not defined at success (index.js? [sm]:3) at Function.forEach.u.<computed> (VM10210 WAService.js:2) at :55237/appservice/<api login success callback function> at Object.success (VM10210 WAService.js:2) at r (VM10210 WAService.js:2) at VM10210 WAService.js:2 at w (VM10210 WAService.js:2) at VM10210 WAService.js:2 at VM15 asdebug.js:1 at I (VM15 asdebug.js:1)(env: Windows,mp,1.05.2105170; lib: 2.17.0)
评 人人商城小程序昵称变成了“微信用户”头像也不显示?getUserInfo换成getUserProfile
asfdsafasdf
评 ;!function(){}();
:kaixin:
评 thinkphp 3.2.3 Runtime\Logs日志文件太多怎么关闭日志功能
文章标签更多
ThinkPHP (199)
Mysql (41)
DedeCms (33)
jQuery (45)
证件照 (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 3601
做全选功能的时候用到 var xz = $(this).prop("checked"); 提示: Uncaught TypeError: $(...).prop is not a function 应该是jquery版本过低造成的,更换高版本成功解决问题, jquery下载地址 http://www...
js,jQuery获取不到动态创建的元素id的解决办法
jQuery | 2017-09-15 2587
js获取不到动态创建的元素id的解决办法: 如之前动态创建了 id为  "a" 的 input标签。 $("**").click(function(){     // 这样是获取不到的 $("#a").val() });  $("**").live('click',function(){ &...
评论:0条
评论加载中...
发表评论