JQuery radio(单选按钮)操作方法汇总


Posted in Javascript onApril 15, 2015

随着Jquery的作用越来越大,使用的朋友也越来越多。在Web中,由于CheckBox、Radiobutton 、DropDownList等控件使用的频率比较高,就关系到这些控件在Jquery中的操作问题。由于Jquery的版本更新很快,代码的写法也改变了许多,以下Jquery代码适query1.4版本以上。

JQuery radio(单选按钮)操作方法汇总

1.获取选中值,三种方法都可以:

$('input:radio:checked').val();

$("input[type='radio']:checked").val();

$("input[name='rd']:checked").val();

2.设置第一个Radio为选中值:
    $('input:radio:first').attr('checked', 'checked');

或者
$('input:radio:first').attr('checked', 'true');

注:attr("checked",'checked')= attr("checked", 'true')= attr("checked", true)

3.设置最后一个Radio为选中值:

$('input:radio:last').attr('checked', 'checked');

或者
$('input:radio:last').attr('checked', 'true');

4.根据索引值设置任意一个radio为选中值:
$('input:radio').eq(索引值).attr('checked', 'true');索引值=0,1,2....

或者
$('input:radio').slice(1,2).attr('checked', 'true');

5.根据Value值设置Radio为选中值
$("input:radio[value='rd2']").attr('checked','true');

或者
$("input[value='rd2']").attr('checked','true');

6.删除Value值为rd2的Radio
$("input:radio[value='rd2']").remove();

7.删除第几个Radio
$("input:radio").eq(索引值).remove();索引值=0,1,2....

如删除第3个Radio:$("input:radio").eq(2).remove();

8.遍历Radio

$('input:radio').each(function(index,domEle){
     //写入代码
});
Javascript 相关文章推荐
Javascript数组的排序 sort()方法和reverse()方法
Jun 04 Javascript
js 时间函数应用加、减、比较、格式转换的示例代码
Aug 23 Javascript
javascript匿名函数应用示例介绍
Mar 07 Javascript
JavaScript数据结构与算法之集合(Set)
Jan 29 Javascript
js简单判断flash是否加载完成的方法
Jun 21 Javascript
vue.js实例todoList项目
Jul 07 Javascript
SpringMVC简单整合Angular2的示例
Jul 31 Javascript
在 Node.js 中使用 async 函数的方法
Nov 17 Javascript
JS笛卡尔积算法与多重数组笛卡尔积实现方法示例
Dec 01 Javascript
Angular 开发学习之Angular CLI的安装使用
Dec 31 Javascript
Vue 仿QQ左滑删除组件功能
Mar 12 Javascript
JS简单获取并修改input文本框内容的方法示例
Apr 08 Javascript
JavaScript判断前缀、后缀是否是空格的方法
Apr 15 #Javascript
JQuery控制radio选中和不选中方法总结
Apr 15 #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
You might like
用PHP实现WEB动态网页静态
2006/10/09 PHP
又一个php 分页类实现代码
2009/12/03 PHP
php的XML文件解释类应用实例
2014/09/22 PHP
PHP连接MySQL数据库并以json格式输出
2018/05/21 PHP
用javascript实现页面打印的三种方法
2007/03/05 Javascript
AJAX架构之Dojo篇
2007/04/10 Javascript
jQuery UI Datepicker length为空或不是对象错误的解决方法
2010/12/19 Javascript
js获取多个tagname的节点数组
2013/09/22 Javascript
javascript中Date对象的getDay方法使用指南
2014/12/22 Javascript
使用nodejs开发cli项目实例
2015/06/03 NodeJs
JavaScript中getUTCMinutes()方法的使用详解
2015/06/10 Javascript
jquery实现鼠标滑过后动态图片提示效果实例
2015/08/10 Javascript
javascript从作用域链谈闭包
2020/07/29 Javascript
通过隐藏iframe实现无刷新上传文件操作
2016/03/16 Javascript
jQuery+HTML5+CSS3制作支持响应式布局时间轴插件
2016/08/10 Javascript
12306 刷票脚本及稳固刷票脚本(防挂)
2017/01/04 Javascript
Spring shiro + bootstrap + jquery.validate 实现登录、注册功能
2017/06/02 jQuery
JS实现图片预览的两种方式
2017/06/27 Javascript
AngularJS对动态增加的DOM实现ng-keyup事件示例
2018/03/12 Javascript
详解关于微信setData回调函数中的坑
2019/02/18 Javascript
[11:12]2018DOTA2国际邀请赛寻真——绿色长城OpTic
2018/08/10 DOTA
[47:52]完美世界DOTA2联赛PWL S2 PXG vs InkIce 第二场 11.26
2020/11/30 DOTA
python 获取当天凌晨零点的时间戳方法
2018/05/22 Python
python利用ffmpeg进行录制屏幕的方法
2019/01/10 Python
Python提取PDF内容的方法(文本、图像、线条等)
2019/09/25 Python
Python稀疏矩阵及参数保存代码实现
2020/04/18 Python
社区版pycharm创建django项目的方法(pycharm的newproject左侧没有项目选项)
2020/09/23 Python
汇集了世界上最好的天然和有机美容产品:LoveLula
2018/02/05 全球购物
介绍下Java中==和equals的区别
2013/09/01 面试题
你在项目中用到了xml技术的哪些方面?如何实现的?
2014/01/26 面试题
销售人员获奖感言
2014/02/05 职场文书
优秀高中学生评语
2014/12/30 职场文书
党员“一帮一”活动总结
2015/05/07 职场文书
妈妈别哭观后感
2015/06/08 职场文书
党员心得体会范文2016
2016/01/23 职场文书
一起来看看Vue的核心原理剖析
2022/03/24 Vue.js