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 相关文章推荐
Javascript中eval函数的使用方法与示例
Apr 09 Javascript
javascript支持firefox,ie7页面布局拖拽效果代码
Dec 20 Javascript
最简单的js图片切换效果实现代码
Sep 24 Javascript
JavaScript实现页面跳转的几种常用方式
Nov 28 Javascript
详解javascript事件冒泡
Jan 09 Javascript
JavaScript中通过提示框跳转页面的方法
Feb 14 Javascript
详解angularjs中如何实现控制器和指令之间交互
May 31 Javascript
JavaScript中toLocaleString()和toString()的区别实例分析
Aug 14 Javascript
Vuejs开发环境搭建及热更新【推荐】
Sep 07 Javascript
Vue组件内部实现一个双向数据绑定的实例代码
Apr 04 Javascript
js打开word文档预览操作示例【不是下载】
May 23 Javascript
js实现手表表盘时钟与圆周运动
Sep 18 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
执行、获取远程代码返回:file_get_contents 超时处理的问题详解
2013/06/25 PHP
Symfony页面的基本创建实例详解
2015/01/26 PHP
Laravel学习教程之从入口到输出过程详解
2017/08/27 PHP
JavaScript高级程序设计阅读笔记(五) ECMAScript中的运算符(一)
2012/02/27 Javascript
js switch case default 的用法示例介绍
2013/10/23 Javascript
JavaScript实现简单图片翻转的方法
2015/04/17 Javascript
ECMAScript6新增值比较函数Object.is
2015/06/12 Javascript
简单谈谈javascript中this的隐式绑定
2016/02/22 Javascript
利用Vue.js指令实现全选功能
2016/09/08 Javascript
微信小程序 Storage API实例详解
2016/10/02 Javascript
vuex的简单使用教程
2018/02/02 Javascript
JavaScript DOM元素常见操作详解【添加、删除、修改等】
2018/05/09 Javascript
JS+HTML5 Canvas实现简单的写字板功能示例
2018/08/30 Javascript
angularjs使用div模拟textarea文本框的方法
2018/10/02 Javascript
node.js使用http模块创建服务器和客户端完整示例
2020/02/10 Javascript
Python 的 with 语句详解
2014/06/13 Python
Python中优化NumPy包使用性能的教程
2015/04/23 Python
对Pycharm创建py文件时自定义头部模板的方法详解
2019/02/12 Python
钉钉群自定义机器人消息Python封装的实例
2019/02/20 Python
python numpy 反转 reverse示例
2019/12/04 Python
详解Python中字符串前“b”,“r”,“u”,“f”的作用
2019/12/18 Python
python分别打包出32位和64位应用程序
2020/02/18 Python
Python各种扩展名区别点整理
2020/02/27 Python
如何在django中实现分页功能
2020/04/22 Python
Django实现后台上传并显示图片功能
2020/05/29 Python
浅谈Python 命令行参数argparse写入图片路径操作
2020/07/12 Python
深入浅析css3 中display box使用方法
2015/11/25 HTML / CSS
如何掌握自荐信格式呢
2013/11/19 职场文书
接受捐赠答谢词
2014/01/27 职场文书
学生安全教育材料
2014/02/14 职场文书
超市促销活动方案
2014/03/05 职场文书
初中升旗仪式演讲稿
2014/05/08 职场文书
家长会标语
2014/06/24 职场文书
一份教室追逐打闹的检讨书
2014/09/27 职场文书
聊聊golang中多个defer的执行顺序
2021/05/08 Golang
Python 匹配文本并在其上一行追加文本
2022/05/11 Python