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中的Location地址对象
Jan 16 Javascript
jQuery .tmpl(), .template()学习资料小结
Jul 18 Javascript
javascript实现数组中的内容随机输出
Aug 11 Javascript
基于jQuey实现鼠标滑过变色(整行变色)
Dec 07 Javascript
浅谈JS原型对象和原型链
Mar 02 Javascript
javascript将中国数字格式转换成欧式数字格式的简单实例
Aug 02 Javascript
CodeMirror js代码加亮使用总结
Mar 25 Javascript
angular4 JavaScript内存溢出问题
Mar 06 Javascript
jQuery实现下拉菜单动态添加数据点击滑出收起其他功能
Jun 14 jQuery
微信小程序 MinUI组件库系列之badge徽章组件示例
Aug 20 Javascript
详解如何使用router-link对象方式传递参数?
May 02 Javascript
js中值引用和地址引用实例分析
Jun 21 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
探讨方法的重写(覆载)详解
2013/06/08 PHP
Yii2语言国际化自动配置详解
2018/08/22 PHP
PHP通过调用新浪API生成t.cn格式短网址链接的方法详解
2019/02/20 PHP
Javascript实现的分页函数
2007/02/07 Javascript
Javascript实现div的toggle效果实例分析
2015/06/09 Javascript
JS获取CSS样式(style/getComputedStyle/currentStyle)
2016/01/19 Javascript
微信小程序 wx.request(object) API详解及实例代码
2016/09/30 Javascript
Node.js笔记之process模块解读
2018/05/31 Javascript
微信小程序开发之tabbar图标和颜色的实现
2018/10/17 Javascript
[01:03:42]VP vs VGJ.S 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
使用Python的PEAK来适配协议的教程
2015/04/14 Python
Python中的pass语句使用方法讲解
2015/05/14 Python
Apache如何部署django项目
2017/05/21 Python
Python实现Linux的find命令实例分享
2017/06/04 Python
Python自定义简单图轴简单实例
2018/01/08 Python
matplotlib作图添加表格实例代码
2018/01/23 Python
python数据封装json格式数据
2018/03/04 Python
python matplotlib拟合直线的实现
2019/11/19 Python
pytorch实现线性拟合方式
2020/01/15 Python
pycharm设置当前工作目录的操作(working directory)
2020/02/14 Python
关于win10在tensorflow的安装及在pycharm中运行步骤详解
2020/03/16 Python
德国骆驼商店:ActiveFashionWorld
2017/11/18 全球购物
波兰家居和花园家具专家:4Home
2019/05/26 全球购物
Internet主要有哪些网络群组成
2015/12/24 面试题
js正则匹配markdown里的图片标签的实现
2021/03/24 Javascript
英文导游欢迎词
2014/01/11 职场文书
三年级班级文化建设方案
2014/05/04 职场文书
中学生思想品德评语
2014/12/31 职场文书
罚款通知怎么写
2015/04/22 职场文书
文明礼仪倡议书
2015/04/28 职场文书
2015年中秋放假通知范文
2015/08/18 职场文书
golang如何去除多余空白字符(含制表符)
2021/04/25 Golang
OpenCV绘制圆端矩形的示例代码
2021/08/30 Python
世界十大狙击步枪排行榜
2022/03/20 杂记
Android基于Fresco实现圆角和圆形图片
2022/04/01 Java/Android
Centos7 Shell编程之正则表达式、文本处理工具详解
2022/08/05 Servers