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 相关文章推荐
关于文本限制字数的js代码
Apr 02 Javascript
Js参数值中含有单引号或双引号问题的解决方法
Nov 06 Javascript
jQuery过滤选择器用法分析
Feb 10 Javascript
简述AngularJS相关的一些编程思想
Jun 23 Javascript
Bootstrap3 input输入框插入glyphicon图标的方法
May 16 Javascript
关于javascript事件响应的基础语法总结(必看篇)
Dec 26 Javascript
js实现颜色阶梯渐变效果(Gradient算法)
Mar 21 Javascript
详解vue填坑之解决部分浏览器不支持pushState方法
Jul 12 Javascript
vue 实现axios拦截、页面跳转和token 验证
Jul 17 Javascript
vue自定义tap指令及tap事件的实现
Sep 18 Javascript
如何让微信小程序页面之间的通信不再变困难
Jun 03 Javascript
vue项目前端微信JSAPI与外部H5支付相关实现过程及常见问题
Apr 14 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中socket的用法详解
2014/10/24 PHP
Laravel与CI框架中截取字符串函数
2016/05/08 PHP
PHP实现删除多重数组对象属性并重新赋值的方法
2017/06/07 PHP
采用CSS和JS,刚好我最近有个站点要用到下拉菜单!
2006/06/26 Javascript
js DataSet数据源处理代码
2010/03/29 Javascript
基于jquery的15款幻灯片插件
2011/04/10 Javascript
jquery动画2.元素坐标动画效果(创建一个图片走廊)
2012/08/24 Javascript
JavaScript生成随机数的4种自定义函数分享
2015/02/28 Javascript
谈谈JS中常遇到的浏览器兼容问题和解决方法
2016/12/17 Javascript
C#微信小程序服务端获取用户解密信息实例代码
2017/03/10 Javascript
jQuery中的deferred使用方法
2017/03/27 jQuery
JS数组操作之增删改查的简单实现
2017/08/21 Javascript
尝试自己动手用react来写一个分页组件(小结)
2018/02/09 Javascript
Vue一次性简洁明了引入所有公共组件的方法
2018/11/28 Javascript
Javascript三种字符串连接方式及性能比较
2019/05/28 Javascript
Python linecache.getline()读取文件中特定一行的脚本
2008/09/06 Python
python写的ARP攻击代码实例
2014/06/04 Python
python学习必备知识汇总
2017/09/08 Python
Python代码实现KNN算法
2017/12/20 Python
python利用小波分析进行特征提取的实例
2019/01/09 Python
Python检查ping终端的方法
2019/01/26 Python
TensorFlow内存管理bfc算法实例
2020/02/03 Python
python对文件的操作方法汇总
2020/02/28 Python
美国渔具店:FishUSA
2019/08/07 全球购物
秘书岗位职责
2013/11/18 职场文书
行政部主管岗位职责
2013/12/28 职场文书
电气自动化求职信
2014/06/24 职场文书
保险专业求职信
2014/07/07 职场文书
表扬信格式模板
2015/05/05 职场文书
高中化学教学反思
2016/02/22 职场文书
Python 线程池模块之多线程操作代码
2021/05/20 Python
python cv2图像质量压缩的算法示例
2021/06/04 Python
React forwardRef的使用方法及注意点
2021/06/13 Javascript
Django实现drf搜索过滤和排序过滤
2021/06/21 Python
《杜鹃的婚约》OP主题曲「凸凹」无字幕影像公开
2022/04/08 日漫
vue ant design 封装弹窗表单的使用
2022/06/01 Vue.js