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 onpropertychange输入框 事件获取属性
Mar 26 Javascript
JavaScript 组件之旅(二)编码实现和算法
Oct 28 Javascript
jQuery Lightbox 图片展示插件使用说明
Apr 25 Javascript
IE之动态添加DOM节点触发window.resize事件
Jul 27 Javascript
JavaScript中instanceof运算符的用法总结
Nov 19 Javascript
最精简的JavaScript实现鼠标拖动效果的方法
May 11 Javascript
jQuery中数据缓存$.data的用法及源码完全解析
Apr 29 Javascript
jquery实现左右滑动式轮播图
Mar 02 Javascript
angular directive的简单使用总结
May 24 Javascript
axios全局注册,设置token,以及全局设置url请求网段的方法
Sep 25 Javascript
webpack-mvc 传统多页面组件化开发详解
May 07 Javascript
JS事件循环机制event loop宏任务微任务原理解析
Aug 04 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 什么是PEAR?(第三篇)
2009/03/19 PHP
细谈php中SQL注入攻击与XSS攻击
2012/06/10 PHP
php天翼开放平台短信发送接口实现方法
2014/12/22 PHP
PHP常用处理静态操作类
2015/04/03 PHP
php文件缓存类用法实例分析
2015/04/22 PHP
两种php实现图片上传的方法
2016/01/22 PHP
Laravel4中的Validator验证扩展用法详解
2016/07/26 PHP
ASP.NET jQuery 实例1(在TextBox里面创建一个默认提示)
2012/01/13 Javascript
js自动查找select下拉的菜单并选择(示例代码)
2014/02/26 Javascript
原生js实现轮播图
2017/02/27 Javascript
详谈JS中数组的迭代方法和归并方法
2017/08/11 Javascript
关于JavaScript中高阶函数的魅力详解
2018/09/07 Javascript
深入理解Angularjs 脏值检测
2018/10/12 Javascript
浅谈小程序globalData的那些事儿
2019/11/01 Javascript
javascript数组的定义及操作实例
2019/11/10 Javascript
React学习之受控组件与数据共享实例分析
2020/01/06 Javascript
vue插件--仿微信小程序showModel实现模态提示窗功能
2020/08/19 Javascript
python使用str &amp; repr转换字符串
2016/10/13 Python
python使用matplotlib绘图时图例显示问题的解决
2017/04/27 Python
利用python 更新ssh 远程代码 操作远程服务器的实现代码
2018/02/08 Python
python 接口返回的json字符串实例
2018/03/27 Python
python 读取文件并把矩阵转成numpy的两种方法
2019/02/12 Python
Python数据类型之Tuple元组实例详解
2019/05/08 Python
如何利用Pyecharts可视化微信好友
2019/07/04 Python
python 将日期戳(五位数时间)转换为标准时间
2019/07/11 Python
解决更改AUTH_USER_MODEL后出现的问题
2020/05/14 Python
html5自带表单验证体验优化及提示气泡修改功能
2017/09/12 HTML / CSS
高级销售员求职信
2013/10/25 职场文书
十佳大学生村官事迹
2014/01/09 职场文书
《北京的春节》教学反思
2014/04/07 职场文书
中学生国旗下讲话稿
2014/04/26 职场文书
高三励志标语
2014/06/05 职场文书
教师个人培训总结
2015/02/11 职场文书
房屋转让协议书(标准范本)
2016/03/21 职场文书
Ruby处理YAML和json数据
2022/04/18 Ruby
Windows server 2016服务器基本设置
2022/08/14 Servers