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使用unlock.js插件实现滑动解锁
Apr 04 jQuery
jQuery EasyUI 为Combo,Combobox添加清除值功能的实例
Apr 13 jQuery
jQuery使用正则验证15/18身份证的方法示例
Apr 27 jQuery
jQuery使用eraser.js插件实现擦除、刮刮卡效果的方法【附eraser.js下载】
Apr 28 jQuery
jQuery Validate 无法验证 chosen-select元素的解决方法
May 17 jQuery
jQuery实现的简单手风琴效果示例
Aug 29 jQuery
使用异步controller与jQuery实现卷帘式分页
Jun 18 jQuery
jQuery实现文本显示一段时间后隐藏的方法分析
Jun 20 jQuery
jQuery表单选择器用法详解
Aug 22 jQuery
jquery实现垂直手风琴菜单
Mar 04 jQuery
jQuery 动画与停止动画效果实例详解
May 19 jQuery
基于JQuery和DWR实现异步数据传递
Oct 16 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 学习路线与时间表
2010/02/21 PHP
PHP更新购物车数量(表单部分/PHP处理部分)
2013/05/03 PHP
利用php抓取蜘蛛爬虫痕迹的示例代码
2016/09/30 PHP
php 输出json及显示json中的中文汉字详解及实例
2016/11/09 PHP
引用其它js时如何同时处理多个window.onload事件
2014/09/02 Javascript
node.js中的path.sep方法使用说明
2014/12/08 Javascript
node.js中的fs.writeFileSync方法使用说明
2014/12/14 Javascript
jQuery中offset()方法用法实例
2015/01/16 Javascript
详解angular2采用自定义指令(Directive)方式加载jquery插件
2017/02/09 Javascript
js仿淘宝商品放大预览功能
2017/03/15 Javascript
快速搭建React的环境步骤详解
2017/11/06 Javascript
使用bootstrap实现下拉框搜索功能的实例讲解
2018/08/10 Javascript
小程序转发探索示例
2019/02/19 Javascript
浅谈Node新版本13.2.0正式支持ES Modules特性
2019/11/25 Javascript
深入了解Vue.js 混入(mixins)
2020/07/23 Javascript
js实现简易ATM功能
2020/10/27 Javascript
[01:14]英雄,所敬略同——2018完美盛典宣传视频
2018/12/05 DOTA
Python算法之栈(stack)的实现
2014/08/18 Python
Python使用SocketServer模块编写基本服务器程序的教程
2016/07/12 Python
Python 提取dict转换为xml/json/table并输出的实现代码
2016/08/28 Python
python 捕获shell脚本的输出结果实例
2017/01/04 Python
详谈python http长连接客户端
2017/06/12 Python
Python切片操作实例分析
2018/03/16 Python
Python利用Django如何写restful api接口详解
2018/06/08 Python
python 抓包保存为pcap文件并解析的实例
2019/07/23 Python
Python HTMLTestRunner测试报告view按钮失效解决方案
2020/05/25 Python
python装饰器代码深入讲解
2021/03/01 Python
CSS3 border-radius圆角的实现方法及用法详解
2020/09/14 HTML / CSS
外语学院毕业生的自我鉴定
2013/11/28 职场文书
创业计划书的主要内容有哪些
2014/01/29 职场文书
12月小学生校园广播稿
2014/02/04 职场文书
网络编辑职责
2014/03/01 职场文书
求职信标题怎么写
2014/05/26 职场文书
护理见习报告范文
2014/11/03 职场文书
2015学校六五普法工作总结
2015/04/22 职场文书
MySQL学习总结-基础架构概述
2021/04/05 MySQL