Jquery获取radio选中值实例总结


Posted in jQuery onJanuary 17, 2019

Radio

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=//3water.com/kf/201110/'rd2']").attr('checked','true');
或者
$("input[value=//3water.com/kf/201110/'rd2']").attr('checked','true');

6.删除Value值为rd2的Radio

$("input:radio[value=//3water.com/kf/201110/'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){
//写入代码
});

DropDownList

Jquery获取radio选中值实例总结

1. 获取选中项:

获取选中项的Value值:

$('select#sel option:selected').val();

或者

$('select#sel').find('option:selected').val();

获取选中项的Text值:

$('select#seloption:selected').text();

或者

$('select#sel').find('option:selected').text();

2. 获取当前选中项的索引值:

$('select#sel').get(0).selectedIndex;

3. 获取当前option的最大索引值:

$('select#sel option:last').attr("index")

4. 获取DropdownList的长度:

$('select#sel')[0].options.length;

或者

$('select#sel').get(0).options.length;

5. 设置第一个option为选中值:

$('select#sel option:first').attr('selected','true')

或者

$('select#sel')[0].selectedIndex = 0;

6. 设置最后一个option为选中值

jQuery 相关文章推荐
jquery实现tab选项卡切换效果(悬停、下方横线动画位移)
May 05 jQuery
基于jQuery和CSS3实现APPLE TV海报视差效果
Jun 16 jQuery
文本溢出插件jquery.dotdotdot.js使用方法详解
Jun 22 jQuery
jQuery结合jQuery.cookie.js插件实现换肤功能示例
Oct 14 jQuery
使用JQuery实现图片轮播效果的实例(推荐)
Oct 24 jQuery
jQuery读取本地的json文件(实例讲解)
Oct 31 jQuery
jQuery实现简单复制json对象和json对象集合操作示例
Jul 09 jQuery
jQuery.validate.js表单验证插件的使用代码详解
Oct 22 jQuery
JQuery模拟实现网页中自定义鼠标右键菜单功能
Nov 14 jQuery
jQuery使用bind动态绑定事件无效的处理方法
Dec 11 jQuery
jQuery实现轮播图效果
Nov 26 jQuery
jQuery实现的分页插件完整示例
May 26 jQuery
jquery获取img的src值实例介绍
Jan 16 #jQuery
jQuery实现的点击图片居中放大缩小功能示例
Jan 16 #jQuery
jQuery+vue.js实现的多选下拉列表功能示例
Jan 15 #jQuery
jQuery实现的中英文切换功能示例
Jan 11 #jQuery
jQuery简单实现根据日期计算星期几的方法
Jan 09 #jQuery
jQuery实现根据身份证号获取生日、年龄、性别等信息的方法
Jan 09 #jQuery
JQuery搜索框自动补全(模糊匹配)功能实现示例
Jan 08 #jQuery
You might like
php将会员数据导入到ucenter的代码
2010/07/18 PHP
JScript中的undefined和"undefined"的区别
2007/03/08 Javascript
javascript div 遮罩层封锁整个页面
2009/07/10 Javascript
jQuery图片滚动图片的效果(另类实现)
2013/06/02 Javascript
JS 操作Array数组的方法及属性实例解析
2014/01/08 Javascript
jquery浏览器滚动加载技术实现方案
2014/06/03 Javascript
Node.js中对通用模块的封装方法
2014/06/06 Javascript
JQuery复制DOM节点的方法
2015/06/11 Javascript
AngularJS表单详解及示例代码
2016/08/17 Javascript
JavaScript实现简单评论功能
2017/08/17 Javascript
js遍历添加栏目类添加css 再点击其它删除css【推荐】
2018/06/12 Javascript
vue树形结构获取键值的方法示例
2018/06/21 Javascript
Vue父子传递实例讲解
2020/02/14 Javascript
解决VUEX的mapState/...mapState等取值问题
2020/07/24 Javascript
[52:39]完美世界DOTA2联赛PWL S3 CPG vs Forest 第一场 12.16
2020/12/17 DOTA
举例详解Python中循环语句的嵌套使用
2015/05/14 Python
python 调用c语言函数的方法
2017/09/29 Python
Python之列表的插入&替换修改方法
2018/06/28 Python
详解python单元测试框架unittest
2018/07/02 Python
100行Python代码实现每天不同时间段定时给女友发消息
2019/09/27 Python
Python高阶函数、常用内置函数用法实例分析
2019/12/26 Python
python如何求数组连续最大和的示例代码
2020/02/04 Python
Python基于类路径字符串获取静态属性
2020/03/12 Python
python TCP包注入方式
2020/05/05 Python
opencv 形态学变换(开运算,闭运算,梯度运算)
2020/07/07 Python
如何用python实现一个HTTP连接池
2021/01/14 Python
HTML5中的postMessage API基本使用教程
2016/05/20 HTML / CSS
HTML5调用手机摄像头拍照的实现思路及代码
2014/06/15 HTML / CSS
新西兰珠宝品牌:Michael Hill
2017/09/16 全球购物
大雁塔导游词
2015/02/04 职场文书
初中教师个人总结
2015/02/10 职场文书
经理聘任证明
2015/03/02 职场文书
边城读书笔记
2015/06/29 职场文书
大学生入党自我鉴定范文
2019/06/21 职场文书
Python 实现定积分与二重定积分的操作
2021/05/26 Python
SQL Server中的逻辑函数介绍
2022/05/25 SQL Server