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 ui sortable拖拽后保存位置
Apr 27 jQuery
jquery与js实现全选功能的区别
Jun 11 jQuery
jQuery列表检索功能实现代码
Jul 17 jQuery
jQuery之动画ajax事件(实例讲解)
Jul 18 jQuery
jQuery实现广告条滚动效果
Aug 22 jQuery
zTree jQuery 树插件的使用(实例讲解)
Sep 25 jQuery
jQuery实现动态显示select下拉列表数据的方法
Feb 05 jQuery
jQuery实现点击自身以外区域关闭弹出层功能完整示例【改进版】
Jul 31 jQuery
jQuery解析json格式数据示例
Sep 01 jQuery
JS与jQuery判断文本框还剩多少字符可以输入的方法
Sep 01 jQuery
JQuery获取可视区尺寸和文档尺寸及制作悬浮菜单示例
May 14 jQuery
jQuery中DOM操作原则实例分析
Aug 01 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 5.5 创建和验证哈希最简单的方法详解
2013/11/07 PHP
windows7下安装php的imagick和imagemagick扩展教程
2014/07/04 PHP
php使用flock阻塞写入文件和非阻塞写入文件的实例讲解
2017/07/10 PHP
javascript客户端解决方案 缓存提供程序
2010/07/14 Javascript
Js基础学习资料
2010/11/23 Javascript
腾讯的ip接口 方便获取当前用户的ip地理位置
2010/11/25 Javascript
使用Jquery来实现可以输入值的下拉选单 雏型
2011/12/06 Javascript
jQuery教程 $()包装函数来实现数组元素分页效果
2013/08/13 Javascript
javascript获取xml节点的最大值(实现代码)
2013/12/11 Javascript
jQuery支持添加事件的日历特效代码分享(3种样式)
2015/08/24 Javascript
Bootstrap 组件之按钮(二)
2016/05/11 Javascript
Angular 4依赖注入学习教程之FactoryProvider配置依赖对象(五)
2017/06/04 Javascript
JS对象序列化成json数据和json数据转化为JS对象的代码
2017/08/23 Javascript
Node.js文件编码格式的转换的方法
2018/04/27 Javascript
Vue-不允许嵌套式的渲染方法
2018/09/13 Javascript
帮你彻底搞懂JS中的prototype、__proto__与constructor(图解)
2019/08/23 Javascript
[04:45]DOTA2-DPC中国联赛正赛 iG vs LBZS 赛后选手采访
2021/03/11 DOTA
python采用requests库模拟登录和抓取数据的简单示例
2014/07/05 Python
Python视频爬虫实现下载头条视频功能示例
2018/05/07 Python
python实现自动发送邮件
2018/06/20 Python
Python 使用类写装饰器的小技巧
2018/09/30 Python
python3 中文乱码与默认编码格式设定方法
2018/10/31 Python
python使用pdfminer解析pdf文件的方法示例
2018/12/20 Python
jupyter notebook 多环境conda kernel配置方式
2020/04/10 Python
parser.add_argument中的action使用
2020/04/20 Python
python文件操作seek()偏移量,读取指正到指定位置操作
2020/07/05 Python
五分钟学会怎么用python做一个简单的贪吃蛇
2021/01/12 Python
远程Wi-Fi宠物监控相机:Petcube
2017/04/26 全球购物
名人珠宝设计师:Melinda Maria Jewelry
2019/03/06 全球购物
如果重写了对象的equals()方法,需要考虑什么
2014/11/02 面试题
邀请函怎么写
2015/01/30 职场文书
法人代表资格证明书
2015/06/18 职场文书
《乘法分配律》教学反思
2016/02/24 职场文书
Vue自定义铃声提示音组件的实现
2022/01/22 Vue.js
SQL Server内存机制浅探
2022/04/06 SQL Server
一文了解Java动态代理的原理及实现
2022/07/07 Java/Android