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 相关文章推荐
IE8 兼容性问题(属性名区分大小写)
Jun 04 Javascript
div层的移动及性能优化
Nov 16 Javascript
JavaScript格式化日期时间的方法和自定义格式化函数示例
Apr 04 Javascript
JQuery获取表格数据示例代码
May 26 Javascript
关于数据与后端进行交流匹配(点亮星星)
Aug 03 Javascript
Jquery循环截取字符串的方法(多出的字符串处理成&quot;...&quot;)
Nov 28 Javascript
浅谈js中的变量名和函数名重名
Feb 13 Javascript
JavaScript全屏和退出全屏事件总结(附代码)
Aug 17 Javascript
vue 优化CDN加速的方法示例
Sep 19 Javascript
js canvas实现星空连线背景特效
Nov 01 Javascript
ElementUI多个子组件表单的校验管理实现
Nov 07 Javascript
原生JS实现留言板
Mar 26 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
DOTA2【瓜皮时刻】Vol.91 RTZ山史最惨“矿难”
2021/03/05 DOTA
discuz论坛 用户登录 后台程序代码
2008/11/27 PHP
解析PHP可变函数的经典用法
2013/06/20 PHP
PHP查询并删除数据库多列重复数据的方法(利用数组函数实现)
2016/02/23 PHP
Laravel实现自定义错误输出内容的方法
2016/10/10 PHP
PHP批量修改文件名称的方法分析
2017/02/27 PHP
PHP性能分析工具xhprof的安装使用与注意事项
2017/12/19 PHP
laravel 解决多库下的DB::transaction()事务失效问题
2019/10/21 PHP
addRule在firefox下的兼容写法
2006/11/30 Javascript
十个优秀的Ajax/Javascript实例网站收集
2010/03/31 Javascript
QQ空间顶部折页撕开效果示例代码
2014/06/15 Javascript
Javscript调用iframe框架页面中函数的方法
2014/11/01 Javascript
实现js保留小数点后N位的代码
2014/11/13 Javascript
node.js中的fs.openSync方法使用说明
2014/12/17 Javascript
JS 对象属性相关(检查属性、枚举属性等)
2015/04/05 Javascript
JavaScript中的Repaint和Reflow用法详解
2015/07/27 Javascript
JS数组排序方法实例分析
2016/12/16 Javascript
详解Vue2.0之去掉组件click事件的native修饰
2017/04/20 Javascript
微信小程序wepy框架笔记小结
2018/08/08 Javascript
Jquery使用each函数实现遍历及数组处理
2020/07/14 jQuery
vue实现单一筛选、删除筛选条件
2020/10/26 Javascript
python爬虫-模拟微博登录功能
2019/09/12 Python
Python3 翻转二叉树的实现
2019/09/30 Python
Python Django2 model 查询介绍(条件、范围、模糊查询)
2020/03/16 Python
解决django migrate报错ORA-02000: missing ALWAYS keyword
2020/07/02 Python
Python selenium如何打包静态网页并下载
2020/08/12 Python
家长通知书家长评语
2014/04/17 职场文书
教师考察材料范文
2014/06/03 职场文书
父亲节寄语大全
2015/02/27 职场文书
简单的辞职信怎么写
2015/02/28 职场文书
司机个人年终总结
2015/03/03 职场文书
带你彻底理解JavaScript中的原型对象
2021/04/14 Javascript
小程序wx.getUserProfile接口的具体使用
2021/06/02 Javascript
python中如何对多变量连续赋值
2021/06/03 Python
Spring Bean的实例化之属性注入源码剖析过程
2021/06/13 Java/Android
利用Python实现模拟登录知乎
2022/05/25 Python