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 AOP 实现ajax回调函数使用比较方便
Nov 20 Javascript
jQuery 1.5 源码解读 面向中高阶JSER
Apr 05 Javascript
加载 Javascript 最佳实践
Oct 30 Javascript
jquery解析XML字符串和XML文件的方法说明
Feb 21 Javascript
Node.js模块加载详解
Aug 16 Javascript
Bootstrap表格和栅格分页实例详解
May 20 Javascript
jQuery移除或禁用html元素点击事件常用方法小结
Feb 10 Javascript
Vue 2.X的状态管理vuex记录详解
Mar 23 Javascript
基于JavaScript实现评论框展开和隐藏功能
Aug 25 Javascript
详解Chart.js轻量级图表库的使用经验
May 22 Javascript
使用vue点击li,获取当前点击li父辈元素的属性值方法
Sep 12 Javascript
js防抖和节流的深入讲解
Dec 06 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
一个域名查询的程序
2006/10/09 PHP
PHP函数篇之掌握ord()与chr()函数应用
2011/12/05 PHP
CodeIgniter删除和设置Cookie的方法
2015/04/07 PHP
php版微信开发Token验证失败或请求URL超时问题的解决方法
2016/09/23 PHP
PHPExcel在linux环境下导出报500错误的解决方法
2017/01/26 PHP
php获取文章内容第一张图片的方法示例
2017/07/03 PHP
php使用yield对性能提升的测试实例分析
2019/09/19 PHP
PHP使用phpunit进行单元测试示例
2019/09/23 PHP
延时重复执行函数 lLoopRun.js
2007/05/08 Javascript
JavaScript时间转换处理函数
2015/04/14 Javascript
JavaScript中使用自然对数ln的方法
2015/06/14 Javascript
基于javascript实现泡泡大冒险网页版小游戏
2016/03/23 Javascript
浅谈JS之iframe中的窗口
2016/09/13 Javascript
浅谈jquery的html方法里包含特殊字符的处理
2016/11/30 Javascript
解决Window10系统下Node安装报错的问题分析
2016/12/13 Javascript
微信小程序 scroll-view隐藏滚动条详解
2017/01/16 Javascript
动态统计当前输入内容的字节、字符数的实例详解
2017/10/27 Javascript
jQuery实现模拟搜索引擎的智能提示功能简单示例
2019/01/27 jQuery
JavaScript如何实现元素全排列实例代码
2019/05/14 Javascript
vue计算属性无法监听到数组内部变化的解决方案
2019/11/06 Javascript
vue中英文切换实例代码
2020/01/21 Javascript
Vue中watch、computed、updated三者的区别及用法
2020/07/27 Javascript
使用Python的web.py框架实现类似Django的ORM查询的教程
2015/05/02 Python
Python保存MongoDB上的文件到本地的方法
2016/03/16 Python
详解用Python处理HTML转义字符的5种方式
2017/12/27 Python
Python简直是万能的,这5大主要用途你一定要知道!(推荐)
2019/04/03 Python
python使用gdal对shp读取,新建和更新的实例
2020/03/10 Python
Vs Code中8个好用的python 扩展插件
2020/10/12 Python
python 中关于pycharm选择运行环境的问题
2020/10/31 Python
使用HTML5的File实现base64和图片的互转
2013/08/01 HTML / CSS
意大利买卖二手奢侈品网站:LAMPOO
2020/06/03 全球购物
物业公司采购员岗位职责
2013/12/31 职场文书
高中生物教学反思
2014/02/05 职场文书
2014世界杯球队球队口号
2014/06/05 职场文书
2015教师年度思想工作总结
2015/04/30 职场文书
python实战之一步一步教你绘制小猪佩奇
2021/04/22 Python