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 相关文章推荐
ppk谈JavaScript style属性
Oct 10 Javascript
js删除所有的cookie的代码
Nov 25 Javascript
JS localStorage实现本地缓存的方法
Jun 22 Javascript
jquery获取一组checkbox的值(实例代码)
Nov 04 Javascript
使用POST方式弹出窗口的两种方法示例介绍
Jan 29 Javascript
js跨域请求数据的3种常用的方法
Dec 01 Javascript
JavaScript判断表单为空及获取焦点的方法
Feb 12 Javascript
js HTML5 Canvas绘制转盘抽奖
Sep 13 Javascript
AngularJS实现数据列表的增加、删除和上移下移等功能实例
Sep 05 Javascript
Bootstrap滚动监听组件scrollspy.js使用方法详解
Jul 20 Javascript
weex里Vuex state使用storage持久化详解
Sep 09 Javascript
Angular中点击li标签实现更改颜色的核心代码
Dec 08 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
Smarty Foreach 使用说明
2010/03/23 PHP
php中用date函数获取当前时间有误的解决办法
2013/08/02 PHP
php版本的cron定时任务执行器使用实例
2014/08/19 PHP
如何用PHP来实现一个动态Web服务器
2015/07/29 PHP
原生PHP实现导出csv格式Excel文件的方法示例【附源码下载】
2019/03/07 PHP
javascript 三种编解码方式
2010/02/01 Javascript
js中点击空白区域时文本框与隐藏层的显示与影藏问题
2013/08/26 Javascript
ListBox实现上移,下移,左移,右移的简单实例
2014/02/13 Javascript
javascript实现网站加入收藏功能
2015/12/16 Javascript
jquery显示隐藏元素的实现代码
2016/05/19 Javascript
Javascript发送AJAX请求实例代码
2016/08/21 Javascript
很酷的星级评分系统原生JS实现
2016/08/25 Javascript
老生常谈原生JS执行环境与作用域
2016/11/22 Javascript
JavaScript的兼容性与调试技巧
2016/11/22 Javascript
js实现图片切换(动画版)
2016/12/25 Javascript
jQuery Ajax 实现在html页面实时显示用户登录状态
2016/12/30 Javascript
js中el表达式的使用和非空判断方法
2018/03/28 Javascript
详解Vue CLI3配置解析之css.extract
2018/09/14 Javascript
vue如何解决循环引用组件报错的问题
2018/09/22 Javascript
JavaScript文本特效实例小结【3个示例】
2018/12/22 Javascript
vue本地打开build后生成的dist文件夹index.html问题
2019/09/04 Javascript
Node.js设置定时任务之node-schedule模块的使用详解
2020/04/28 Javascript
js实现可爱的气泡特效
2020/09/05 Javascript
在Python下尝试多线程编程
2015/04/28 Python
利用Python中的pandas库对cdn日志进行分析详解
2017/03/07 Python
python实现简单聊天室功能 可以私聊
2019/07/12 Python
mac使用python识别图形验证码功能
2020/01/10 Python
AJax面试题
2014/11/25 面试题
大学生村官考核材料
2014/05/23 职场文书
2014县委书记党的群众路线教育实践活动对照检查材料思想汇报
2014/09/22 职场文书
营业用房租赁协议书
2014/11/26 职场文书
大学生违纪检讨书范文
2015/05/07 职场文书
电力培训学习心得体会
2016/01/11 职场文书
节约用水广告语60条
2019/11/14 职场文书
Redis的字符串是如何实现的
2021/10/24 Redis
Redis唯一ID生成器的实现
2022/07/07 Redis