JQuery控制radio选中和不选中方法总结


Posted in Javascript onApril 15, 2015

一、设置选中方法

$("input[name='名字']").get(0).checked=true; 

$("input[name='名字']").attr('checked','true');

$("input[name='名字']:eq(0)").attr("checked",'checked'); 

$("input[name='radio_name'][checked]").val();  //获取被选中Radio的Value值

二、设置选中和不选中示例

<input type="radio" value="0" name="jizai" id="0"/>否

<input type="radio" value="1" name="jizai"  id="1"/>是

#jquery中,radio的选中与否是这么设置的。

$("#rdo1").attr("checked","checked");

$("#rdo1").removeAttr("checked");

通过name

$("input:radio[name="analyfsftype"]").eq(0).attr("checked",'checked');

$("input:radio[name="analyshowtype"]").attr("checked",false);

通过id
$("#tradeType0").attr("checked","checked");

$("#tradeType1").attr("checked",false);

三、另一种设置选中方法

<script type="text/javascript">  

$(document).ready(function(){  

        $("input[@type=radio][name=sex][@value=1]").attr("checked",true);  

});  

</script> 

您的性别: 
<input type="radio" name="sex" value="1" <s:if test="user.sex==1">checked</s:if>/>男  

<input type="radio" name="sex" value="0" <s:if test="user.sex==0">checked</s:if>/>女

四、根据值设置radio选中

$("input[name='radio_name'][value='要选中Radio的Value值']").attr("checked",true);  //根据Value值设置Radio为选中状态

五、使用prop方法操作示例

$('input').removeAttr('checked'); 

$($('#'+id+'input').eq(0)).prop('checked',false);

$($('#'+id+' input').eq(0)).prop('checked',true);
Javascript 相关文章推荐
用函数式编程技术编写优美的 JavaScript
Nov 25 Javascript
js charAt的使用示例
Feb 18 Javascript
JS实现按比例缩放图片的方法(附C#版代码)
Dec 08 Javascript
理解Javascript的call、apply
Dec 16 Javascript
jQuery Form 表单提交插件之formSerialize,fieldSerialize,fieldValue,resetForm,clearForm,clearFields的应用
Jan 23 Javascript
Bootstrap编写一个在当前网页弹出可关闭的对话框 非弹窗
Jun 30 Javascript
Javascript 实现全屏滚动实例代码
Dec 31 Javascript
bootstrap 路径导航 分页 进度条的实例代码
Aug 06 Javascript
微信小程序实现的绘制table表格功能示例
Apr 26 Javascript
微信小程序登录对接Django后端实现JWT方式验证登录详解
Jul 29 Javascript
用jQuery实现抽奖程序
Apr 12 jQuery
详解Js模块化的作用原理和方案
Apr 29 Javascript
jquery插件star-rating.js实现星级评分特效
Apr 15 #Javascript
JQuery判断radio(单选框)是否选中和获取选中值方法总结
Apr 15 #Javascript
jQuery实现首页顶部可伸缩广告特效代码
Apr 15 #Javascript
JavaScript实现网页对象拖放功能的方法
Apr 15 #Javascript
Jquery判断radio、selelct、checkbox是否选中及获取选中值方法总结
Apr 15 #Javascript
jQuery实现仿路边灯箱广告图片轮播效果
Apr 15 #Javascript
JavaScript中window.open用法实例详解
Apr 15 #Javascript
You might like
PHP 裁剪图片成固定大小代码方法
2009/09/09 PHP
mayfish 数据入库验证代码
2010/04/30 PHP
PHP 函数学习简单小结
2010/07/08 PHP
php获取文件大小的方法
2014/02/26 PHP
关于可运行代码无法正常执行的使用说明
2010/05/13 Javascript
如何从jQuery的ajax请求中删除X-Requested-With
2013/12/11 Javascript
如何编写高质量JS代码
2014/12/28 Javascript
JS 对象属性相关(检查属性、枚举属性等)
2015/04/05 Javascript
js实现表单检测及表单提示的方法
2015/08/14 Javascript
每天一篇javascript学习小结(Date对象)
2015/11/13 Javascript
angularjs实现文字上下无缝滚动特效代码
2016/09/04 Javascript
微信小程序 传值取值的几种方法总结
2017/01/16 Javascript
微信小程序 下拉列表的实现实例代码
2017/03/08 Javascript
基于JavaScript实现的顺序查找算法示例
2017/04/14 Javascript
React实践之Tree组件的使用方法
2017/09/30 Javascript
JavaScript 隐性类型转换步骤浅析
2018/03/15 Javascript
vue基于mint-ui实现城市选择三级联动
2020/06/30 Javascript
JavaScript实现一个带AI的井字棋游戏源码
2018/05/21 Javascript
解决layui 复选框等内置控件不显示的问题
2018/08/14 Javascript
vue项目动态设置页面title及是否缓存页面的问题
2018/11/08 Javascript
如何使用VuePress搭建一个类型element ui文档
2019/02/14 Javascript
vue如何限制只能输入正负数及小数
2019/07/04 Javascript
解决vue axios跨域 Request Method: OPTIONS问题(预检请求)
2020/08/14 Javascript
[08:38]DOTA2-DPC中国联赛 正赛 VG vs Elephant 选手采访
2021/03/11 DOTA
python列出目录下指定文件与子目录的方法
2015/07/03 Python
python中set常用操作汇总
2016/06/30 Python
基于Python3.6+splinter实现自动抢火车票
2018/09/25 Python
Face++ API实现手势识别系统设计
2018/11/21 Python
详解CSS3伸缩布局盒模型Flex布局
2018/08/20 HTML / CSS
兰蔻英国官网:Lancome英国
2019/04/30 全球购物
介绍一下SQL Server的全文索引
2013/08/15 面试题
应届生煤化工求职信
2013/10/21 职场文书
中专三年学习的个人自我评价
2013/12/12 职场文书
致跳高运动员加油稿
2014/02/12 职场文书
班干部竞选演讲稿
2014/04/24 职场文书
党委书记群众路线对照检查材料思想汇报
2014/10/04 职场文书