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实现简单的抽奖游戏
May 05 jQuery
JS jQuery使用正则表达式去空字符的简单实现代码
May 20 jQuery
jQuery Jsonp跨域模拟搜索引擎
Jun 17 jQuery
原生js jquery ajax请求以及jsonp的调用方法
Aug 04 jQuery
jquery动态赋值id与动态取id方法示例
Aug 21 jQuery
JQuery判断正整数整理小结
Aug 21 jQuery
JQuery 获取多个select标签option的text内容(实例)
Sep 07 jQuery
Django中使用jquery的ajax进行数据交互的实例代码
Oct 15 jQuery
jQuery中使用validate插件校验表单功能
May 24 jQuery
解决jquery validate 验证不通过后验证正确的信息仍残留在label上的方法
Aug 27 jQuery
Jquery+AJAX实现无刷新上传并重命名文件操作示例【PHP后台接收】
May 29 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中怎么搜索相关联数组键值及获取之
2013/10/17 PHP
php 利用socket发送HTTP请求(GET,POST)
2015/08/24 PHP
初识ThinkPHP控制器
2016/04/07 PHP
使用YII2框架实现微信公众号中表单提交功能
2017/09/04 PHP
PHP单文件上传原理及上传函数的封装操作示例
2019/09/02 PHP
js操作二级联动实现代码
2010/07/27 Javascript
细说javascript函数从函数的构成开始
2013/08/29 Javascript
与Math.pow 相反的函数使用介绍
2014/08/04 Javascript
jQuery打字效果实现方法(附demo源码下载)
2015/12/18 Javascript
Javascript基础回顾之(三) js面向对象
2017/01/31 Javascript
Vue.js仿Metronic高级表格(二)数据渲染
2017/04/19 Javascript
jquery实现Ajax请求的几种常见方式总结
2019/05/28 jQuery
Vuex新手的理解与使用详解
2019/05/31 Javascript
js回调函数原理与用法案例分析
2020/03/04 Javascript
[01:18]PWL开团时刻DAY10——一拳超人
2020/11/11 DOTA
Python logging模块学习笔记
2014/05/24 Python
Python遍历pandas数据方法总结
2018/02/09 Python
Python多线程中阻塞(join)与锁(Lock)使用误区解析
2018/04/27 Python
Python学习笔记之open()函数打开文件路径报错问题
2018/04/28 Python
解决已经安装requests,却依然提示No module named requests问题
2018/05/18 Python
python修改txt文件中的某一项方法
2018/12/29 Python
flask/django 动态查询表结构相同表名不同数据的Model实现方法
2019/08/29 Python
python实现mean-shift聚类算法
2020/06/10 Python
python开发入门——列表生成式
2020/09/03 Python
HTML5+WebSocket实现多文件同时上传的实例
2016/12/29 HTML / CSS
html5手机端页面可以向右滑动导致样式受影响的问题
2018/06/20 HTML / CSS
日本PLST在线商店:日本时尚杂志刊载的人气服装
2016/12/10 全球购物
MONNIER Frères英国官网:源自巴黎女士奢侈品配饰电商平台
2018/12/06 全球购物
科级干部考察材料
2014/02/15 职场文书
晨会主持词
2014/03/17 职场文书
庆六一文艺汇演活动方案
2014/08/26 职场文书
2015年物业管理工作总结
2015/04/23 职场文书
新闻稿格式范文
2015/07/18 职场文书
2016年班主任培训心得体会
2016/01/07 职场文书
同学聚会开幕词
2019/04/02 职场文书
2019最新版试用期劳动合同模板!
2019/07/04 职场文书