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 iframe内的函数调用实现方法
Jul 19 Javascript
为超链接加上disabled后的故事
Dec 10 Javascript
AngularJS通过$location获取及改变当前页面的URL
Sep 23 Javascript
深入理解JavaScript中的块级作用域、私有变量与模块模式
Oct 31 Javascript
jQ处理xml文件和xml字符串的方法(详解)
Nov 22 Javascript
AngularJS自定义指令实现面包屑功能完整实例
May 17 Javascript
详解webpack+express多页站点开发
Dec 22 Javascript
Vuex入门到上手教程
Jun 20 Javascript
详解Vue CLI3配置解析之css.extract
Sep 14 Javascript
vuex的module模块用法示例
Nov 12 Javascript
vue设计一个倒计时秒杀的组件详解
Apr 06 Javascript
vue ssr服务端渲染(小白解惑)
Nov 10 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
Codeigniter框架的更新事务(transaction)BUG及解决方法
2014/07/25 PHP
PHP实现的带超时功能get_headers函数
2015/02/10 PHP
JSON用法之将PHP数组转JS数组,JS如何接收PHP数组
2015/10/08 PHP
php中str_pad()函数用法分析
2017/03/28 PHP
详细解读php的命名空间(一)
2018/02/21 PHP
javascript 去字符串空格终极版(支持utf8)
2009/11/14 Javascript
取选中的radio的值
2010/01/11 Javascript
js substr、substring和slice使用说明小记
2011/09/15 Javascript
JS图片无缝滚动(简单利于使用)
2013/06/17 Javascript
JavaScript 数组详解
2013/10/10 Javascript
jQuery选择器源码解读(四):tokenize方法的Expr.preFilter
2015/03/31 Javascript
javascript使用avalon绑定实现checkbox全选
2015/05/06 Javascript
angular2使用简单介绍
2016/03/01 Javascript
AngularJs Javascript MVC 框架
2016/06/20 Javascript
JavaScript之class继承_动力节点Java学院整理
2017/07/03 Javascript
Vue axios 中提交表单数据(含上传文件)
2017/07/06 Javascript
解决vue2.0路由跳转未匹配相应用路由避免出现空白页面的问题
2018/08/24 Javascript
详解 微信小程序开发框架(MINA)
2019/05/17 Javascript
Vue源码分析之Vue实例初始化详解
2019/08/25 Javascript
layui动态绑定事件的方法
2019/09/20 Javascript
JavaScript之scrollTop、scrollHeight、offsetTop、offsetHeight等属性学习笔记
2020/07/15 Javascript
解决vue初始化项目一直停在downloading template的问题
2020/11/09 Javascript
python 字符串转列表 list 出现\ufeff的解决方法
2017/06/22 Python
python列表生成式与列表生成器的使用
2018/02/23 Python
用Python编写一个高效的端口扫描器的方法
2018/12/20 Python
Django命名URL和反向解析URL实现解析
2019/08/09 Python
Python 中如何实现参数化测试的方法示例
2019/12/10 Python
canvas实现高阶贝塞尔曲线(N阶贝塞尔曲线生成器)
2018/01/10 HTML / CSS
法国综合购物网站:RueDuCommerce
2016/09/12 全球购物
机械绘图员岗位职责
2013/11/19 职场文书
体现团队精神的口号
2014/06/06 职场文书
交通事故委托书范本(2篇)
2014/09/21 职场文书
保安辞职信范文
2015/02/28 职场文书
2016年寒假生活小结
2015/10/10 职场文书
关于redisson缓存序列化几枚大坑说明
2021/08/04 Redis
使用Nginx+Tomcat实现负载均衡的全过程
2022/05/30 Servers