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 相关文章推荐
图片连续滚动代码[兼容IE/firefox]
Jun 11 Javascript
jQuery1.6 使用方法一
Nov 23 Javascript
javascript实现动态侧边栏代码
Feb 19 Javascript
使用jQuery实现的掷色子游戏动画效果
Mar 14 Javascript
JS原型链 详解及示例代码
Sep 06 Javascript
如何实现星星评价(jquery.raty.js插件)
Dec 21 Javascript
Vue.js开发环境快速搭建教程
Mar 17 Javascript
浅谈Vue下使用百度地图的简易方法
Mar 23 Javascript
jQuery实现下拉菜单动态添加数据点击滑出收起其他功能
Jun 14 jQuery
对Vue beforeRouteEnter 的next执行时机详解
Aug 25 Javascript
react-native聊天室|RN版聊天App仿微信实例|RN仿微信界面
Nov 12 Javascript
详解Vue中$props、$attrs和$listeners的使用方法
Feb 18 Vue.js
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 修改zen-cart下单和付款流程以防止漏单
2010/03/08 PHP
PHP自动选择 连接本地还是远程数据库
2010/12/02 PHP
ThinkPHP入库出现两次反斜线转义及数据库类转义的解决方法
2014/11/04 PHP
yii实现CheckBox复选框在同一行显示的方法
2014/12/03 PHP
php输出xml属性的方法
2015/03/19 PHP
PHP创建多级目录的两种方法
2016/10/28 PHP
[原创]PHP global全局变量经典应用与注意事项分析【附$GLOBALS用法对比】
2019/07/12 PHP
javascript String 的扩展方法集合
2008/06/01 Javascript
利用JQuery为搜索栏增加tag提示
2009/06/22 Javascript
基于jquery的滚动新闻列表
2010/06/19 Javascript
javascript事件冒泡实例分析
2015/05/13 Javascript
Javascript中的方法和匿名方法实例详解
2015/06/13 Javascript
浅谈angularjs module返回对象的坑(推荐)
2016/10/21 Javascript
canvas 实现中国象棋
2017/02/17 Javascript
JavaScript数据结构之广义表的定义与表示方法详解
2017/04/12 Javascript
VUE2.0+Element-UI+Echarts封装的组件实例
2018/03/02 Javascript
vue中promise的使用及异步请求数据的方法
2018/11/08 Javascript
js实现随机div颜色位置 类似满天星效果
2019/10/24 Javascript
[10:24]郎朗助力完美“圣”典,天籁交织奏响序曲
2016/12/18 DOTA
Python 调用DLL操作抄表机
2009/01/12 Python
Python 字典dict使用介绍
2014/11/30 Python
在Python中使用列表生成式的教程
2015/04/27 Python
Python字符串和字典相关操作的实例详解
2017/09/23 Python
解决win7操作系统Python3.7.1安装后启动提示缺少.dll文件问题
2019/07/15 Python
python字典通过值反查键的实现(简洁写法)
2020/09/30 Python
Python中对象的比较操作==和is区别详析
2021/02/12 Python
三星美国官网:Samsung美国
2017/02/06 全球购物
Desigual德国官网:在线购买原创服装
2018/03/27 全球购物
荷兰家电销售网站:Welhof
2020/12/08 全球购物
动态密码技术
2012/10/18 面试题
公司活动策划方案
2014/01/13 职场文书
小学生新学期寄语
2014/01/19 职场文书
公司2015年终工作总结
2015/05/26 职场文书
2019年幼儿园管理条例范本!
2019/07/17 职场文书
JS ES6异步解决方案
2021/04/29 Javascript
my.ini优化mysql数据库性能的十个参数(推荐)
2021/05/26 MySQL