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 相关文章推荐
扩展easyui.datagrid,添加数据loading遮罩效果代码
Nov 02 Javascript
asm.js使用示例代码
Nov 28 Javascript
深入学习jQuery Validate表单验证(二)
Jan 18 Javascript
javascript实现的猜数小游戏完整实例代码
May 10 Javascript
浅谈JavaScript的push(),pop(),concat()方法
Jun 03 Javascript
Spring MVC中Ajax实现二级联动的简单实例
Jul 06 Javascript
jQuery层次选择器用法示例
Sep 09 Javascript
JavaScript SHA-256加密算法详细代码
Oct 06 Javascript
Postman模拟发送带token的请求方法
Mar 31 Javascript
Vue element-ui父组件控制子组件的表单校验操作
Jul 17 Javascript
vue接通后端api以及部署到服务器操作
Aug 13 Javascript
用js实现放大镜效果
Oct 28 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
关于IIS php调用com组件的权限问题
2012/01/11 PHP
PHP添加Xdebug扩展的方法
2014/02/12 PHP
php对数组排序代码分享
2014/02/24 PHP
PHP中“=&gt;
2019/03/01 PHP
Laravel + Elasticsearch 实现中文搜索的方法
2020/02/02 PHP
jQuery提交表单ajax查询实例代码
2012/10/07 Javascript
使用js实现数据格式化
2014/12/03 Javascript
JS获取图片lowsrc属性的方法
2015/04/01 Javascript
IE7浏览器窗口大小改变事件执行多次bug及IE6/IE7/IE8下resize问题
2015/08/21 Javascript
深入理解Angular中的依赖注入
2017/06/26 Javascript
使用Vue-Router 2实现路由功能实例详解
2017/11/14 Javascript
基于JSONP原理解析(推荐)
2017/12/04 Javascript
Vue实现内部组件轮播切换效果的示例代码
2018/04/07 Javascript
解决vue项目使用font-awesome,build后路径的问题
2018/09/01 Javascript
Vue中使用sass实现换肤功能
2018/09/07 Javascript
Vue源码中要const _toStr = Object.prototype.toString的原因分析
2018/12/09 Javascript
python实现支持目录FTP上传下载文件的方法
2015/06/03 Python
python 实现删除文件或文件夹实例详解
2016/12/04 Python
Python中的命令行参数解析工具之docopt详解
2017/03/27 Python
python tensorflow学习之识别单张图片的实现的示例
2018/02/09 Python
Python实现将Excel转换成为image的方法
2018/10/23 Python
python原类、类的创建过程与方法详解
2019/07/19 Python
python3.8下载及安装步骤详解
2020/01/15 Python
Jupyter Notebook折叠输出的内容实例
2020/04/22 Python
韩国保养品、日本药妆购物网:小三美日
2018/12/30 全球购物
Why we need EJB
2016/10/20 面试题
写clone()方法时,通常都有一行代码,是什么?
2012/10/31 面试题
生物制药毕业生自荐信
2013/10/16 职场文书
幼儿园长自我鉴定
2013/10/17 职场文书
外贸英语毕业生自荐信
2013/11/14 职场文书
环境科学专业个人求职信
2013/12/15 职场文书
煤矿班组长的职责
2013/12/25 职场文书
最新优秀教师个人先进事迹材料
2014/05/06 职场文书
幼师求职自荐信
2015/03/26 职场文书
2015年小学二年级班主任工作总结
2015/05/21 职场文书
2016幼儿园教师年度考核评语
2015/12/01 职场文书