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实现杯子倒水问题自动求解程序
Mar 25 Javascript
node.js中的fs.createReadStream方法使用说明
Dec 17 Javascript
深入理解javascript中concat方法
Dec 12 Javascript
深入理解javascript函数参数与闭包
Dec 12 Javascript
jquery submit()不能提交表单的解决方法
Apr 24 jQuery
详解Node.js串行化流程控制
May 04 Javascript
Vue 2.0入门基础知识之内部指令详解
Oct 15 Javascript
JS中精巧的自动柯里化实现方法
Dec 12 Javascript
高性能的javascript之加载顺序与执行原理篇
Jan 14 Javascript
解决layui批量传值到后台操作时出现传值为空的问题
Sep 28 Javascript
通过实例解析chrome如何在mac环境中安装vue-devtools插件
Jul 10 Javascript
Vue项目配置跨域访问和代理proxy设置方式
Sep 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
玩转虚拟域名◎+ .
2006/10/09 PHP
php 异常处理实现代码
2009/03/10 PHP
探讨:array2xml和xml2array以及xml与array的互相转化
2013/06/24 PHP
php中FTP函数ftp_connect、ftp_login与ftp_chmod用法
2014/11/18 PHP
thinkphp5引入公共部分header、footer的方法详解
2018/09/14 PHP
PHP 裁剪图片
2021/03/09 PHP
拉动滚动条加载数据的jquery代码
2012/05/03 Javascript
解析JavaScript中instanceof对于不同的构造器或许都返回true
2013/12/03 Javascript
jQuery经过一段时间自动隐藏指定元素的方法
2015/03/17 Javascript
jQuery实现带有上下控制按钮的简单多行滚屏效果代码
2015/09/04 Javascript
js实现商品抛物线加入购物车特效
2020/11/18 Javascript
整理关于Bootstrap警示框的慕课笔记
2017/03/29 Javascript
Angular中的interceptors拦截器
2017/06/25 Javascript
jQuery实现带右侧索引功能的通讯录示例【附源码下载】
2018/04/17 jQuery
详解微信小程序-扫一扫 wx.scanCode() 扫码大变身
2019/04/30 Javascript
python中xrange和range的区别
2014/05/13 Python
Django1.3添加app提示模块不存在的解决方法
2014/08/26 Python
Python遍历目录中的所有文件的方法
2016/07/08 Python
python实现汉诺塔方法汇总
2016/07/25 Python
python实现写数字文件名的递增保存文件方法
2018/10/25 Python
Python学习笔记之lambda表达式用法详解
2019/08/08 Python
Python selenium自动化测试模型图解
2020/04/15 Python
jupyter实现重新加载模块
2020/04/16 Python
女性时尚网购:Chic Me
2019/07/30 全球购物
德语专业求职信
2014/03/12 职场文书
2014年毕业演讲稿范文
2014/05/13 职场文书
学习型班组申报材料
2014/05/31 职场文书
学雷锋活动总结报告
2014/06/26 职场文书
旅游专业毕业生自荐书
2014/06/30 职场文书
社区务虚会发言材料
2014/10/20 职场文书
工伤事故证明
2014/10/20 职场文书
检讨书范文300字
2015/01/28 职场文书
师范生见习自我总结
2015/06/23 职场文书
和领导吃饭祝酒词
2015/08/11 职场文书
Python爬虫之爬取最新更新的小说网站
2021/05/06 Python
MySQL基于索引的压力测试的实现
2021/11/07 MySQL