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 相关文章推荐
jQuery实战之品牌展示列表效果
Apr 10 Javascript
网站404页面3秒后跳到首页的实例代码
Aug 16 Javascript
jquery复选框多选赋值给文本框的方法
Jan 27 Javascript
PHP+MySQL+jQuery随意拖动层并即时保存拖动位置实例讲解
Oct 09 Javascript
javascript实现3D切换焦点图
Oct 16 Javascript
用JavaScript来美化HTML的select标签的下拉列表效果
Nov 17 Javascript
关于vue-router的那些事儿
May 23 Javascript
jQuery实现基本动画效果的方法详解
Sep 06 jQuery
详解JavaScript添加给定的标签选项
Sep 17 Javascript
js中比较两个对象是否相同的方法示例
Sep 02 Javascript
使用uni-app开发微信小程序的实现
Dec 13 Javascript
原生js+canvas实现贪吃蛇效果
Aug 02 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
phpmyadmin显示utf8_general_ci中文乱码的问题终级篇
2013/04/08 PHP
PHP关于IE下的iframe跨域导致session丢失问题解决方法
2013/10/10 PHP
Php header()函数语法及使用代码
2013/11/04 PHP
js form 验证函数 当前比较流行的错误提示
2009/06/23 Javascript
js控制表单不能输入空格的小例子
2013/11/20 Javascript
JS中三目运算符和if else的区别分析与示例
2014/11/21 Javascript
js中利用tagname和id获取元素的方法
2016/01/03 Javascript
JavaScript编写点击查看大图的页面半透明遮罩层效果实例
2016/05/09 Javascript
基于JavaScript实现鼠标向下滑动加载div的代码
2016/08/31 Javascript
JS弹出窗口的运用与技巧大全
2016/11/01 Javascript
完美解决jQuery的hover事件在IE中不停闪动的问题
2017/02/10 Javascript
基于pako.js实现gzip的压缩和解压功能示例
2017/06/13 Javascript
JavaScript 保护变量不被随意修改的实现代码
2017/09/27 Javascript
利用canvas中toDataURL()将图片转为dataURL(base64)的方法详解
2017/11/20 Javascript
js实时监控文本框输入字数的实例代码
2018/01/18 Javascript
Javascript Dom元素获取和添加详解
2019/09/24 Javascript
[56:20]LGD vs VP Supermajor 败者组决赛 BO3 第三场 6.10
2018/07/04 DOTA
使用C语言来扩展Python程序和Zope服务器的教程
2015/04/14 Python
Python实现对PPT文件进行截图操作的方法
2015/04/28 Python
python3读取MySQL-Front的MYSQL密码
2017/05/03 Python
python lambda函数及三个常用的高阶函数
2020/02/05 Python
在tensorflow中设置使用某一块GPU、多GPU、CPU的操作
2020/02/07 Python
Python3+selenium实现cookie免密登录的示例代码
2020/03/18 Python
从一次项目重构说起CSS3自定义变量在项目的使用方法
2021/03/01 HTML / CSS
CSS3只让背景图片旋转180度的实现示例
2021/03/09 HTML / CSS
彪马法国官网:PUMA法国
2019/12/15 全球购物
违反学校规定检讨书
2014/01/18 职场文书
运动会通讯稿100字
2014/01/31 职场文书
计算机数据库专业职业生涯规划书
2014/02/08 职场文书
关于元旦的广播稿
2014/02/16 职场文书
专业求职信撰写要诀
2014/02/18 职场文书
《孙权劝学》教学反思
2014/04/23 职场文书
道路施工安全责任书
2014/07/24 职场文书
2014年纪检监察工作总结
2014/11/11 职场文书
学风建设主题班会
2015/08/17 职场文书
浅谈JS和Nodejs中的事件驱动
2021/05/05 NodeJs