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 相关文章推荐
jQuery 选择器理解
Mar 16 Javascript
JavaScript与Image加载事件(onload)、加载状态(complete)
Feb 14 Javascript
jQuery写的日历(包括日历的样式及功能)
Apr 23 Javascript
js中opener与parent的区别详细解析
Jan 14 Javascript
JavaScript中的Truthy和Falsy介绍
Jan 01 Javascript
js中最容易被忽视的事件问题大总结
May 15 Javascript
prototype.js常用函数详解
Jun 18 Javascript
js事件源window.event.srcElement兼容性写法(详解)
Nov 25 Javascript
Bootstrap Img 图片样式(推荐)
Dec 13 Javascript
快速实现jQuery多级菜单效果
Feb 01 Javascript
原生JS+CSS实现炫酷重力模拟弹跳系统的登录页面
Nov 01 Javascript
node将geojson转shp返回给前端的实现方法
May 29 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不用递归遍历目录下所有文件的代码
2014/07/04 PHP
php无限极分类递归排序实现方法
2014/11/11 PHP
Laravel框架中自定义模板指令总结
2017/12/17 PHP
再谈querySelector和querySelectorAll的区别与联系
2012/04/20 Javascript
JQuery Tips相关(1)----关于$.Ready()
2014/08/14 Javascript
使用console进行性能测试
2015/04/27 Javascript
JS+CSS实现大气的黑色首页导航菜单效果代码
2015/09/10 Javascript
JavaScript条件判断_动力节点Java学院整理
2017/06/26 Javascript
详谈innerHTML innerText的使用和区别
2017/08/18 Javascript
梳理一下vue中的生命周期
2020/12/30 Vue.js
Python实现曲线拟合操作示例【基于numpy,scipy,matplotlib库】
2018/07/12 Python
python使用tornado实现登录和登出
2018/07/28 Python
深入浅析Python中的迭代器
2019/06/04 Python
pyQT5 实现窗体之间传值的示例
2019/06/20 Python
python tornado使用流生成图片的例子
2019/11/18 Python
Python实现结构体代码实例
2020/02/10 Python
解决Python在导入文件时的FileNotFoundError问题
2020/04/10 Python
Django QuerySet查询集原理及代码实例
2020/06/13 Python
清除canvas画布内容(点擦除+线擦除)
2020/08/12 HTML / CSS
DOUGLAS波兰:在线销售香水和化妆品
2020/07/05 全球购物
中职生自荐信
2013/10/13 职场文书
班级聚会策划书
2014/01/16 职场文书
超市中秋节活动方案
2014/02/12 职场文书
《狮子和兔子》教学反思
2014/03/02 职场文书
社区党务公开实施方案
2014/03/18 职场文书
捐助倡议书范文
2014/04/15 职场文书
旅游专业毕业生自荐书
2014/06/30 职场文书
优秀团员事迹材料2000字
2014/08/20 职场文书
秋季运动会广播稿(30篇)
2014/09/13 职场文书
写给同学的新学期寄语
2015/02/27 职场文书
行政处罚告知书
2015/07/01 职场文书
教师节主题班会教案
2015/08/17 职场文书
怎样写工作总结啊!
2019/06/18 职场文书
Nest.js参数校验和自定义返回数据格式详解
2021/03/29 Javascript
面试中老生常谈的MySQL问答集锦夯实基础
2022/03/13 MySQL
linux目录管理方法介绍
2022/06/01 Servers