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 11 jQuery
jQuery操作css样式
May 15 jQuery
jQuery正则验证注册页面经典实例
Jun 10 jQuery
vue单页应用中如何使用jquery的方法示例
Jul 27 jQuery
jQuery实现的弹幕效果完整实例
Sep 06 jQuery
jquery 一键复制到剪切板的实例
Sep 20 jQuery
jQuery 开发之EasyUI 添加数据的实例
Sep 26 jQuery
jQuery简单实现对数组去重及排序操作实例
Oct 31 jQuery
jquery获取transform里的值实现方法
Dec 12 jQuery
如何用webpack4.0撸单页/多页脚手架 (jquery, react, vue, typescript)
Jun 18 jQuery
js判断复选框是否选中的方法示例【基于jQuery】
Oct 10 jQuery
jquery 时间戳转日期过程详解
Oct 12 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中Laravel 关联查询返回错误id的解决方法
2017/04/01 PHP
PHP实现防止表单重复提交功能【基于token验证】
2018/05/24 PHP
Yii2框架自定义验证规则操作示例
2019/02/08 PHP
PHP创建XML的方法示例【基于DOMDocument类及SimpleXMLElement类】
2019/09/10 PHP
jquery插件珍藏(图片局部放大/信息提示框)
2013/01/08 Javascript
setInterval计时器不准的问题解决方法
2014/05/08 Javascript
Mobile Web开发基础之四--处理手机设备的横竖屏问题
2017/08/11 Javascript
自定义类似于jQuery UI Selectable 的Vue指令v-selectable
2017/08/23 jQuery
使用DataTable插件实现异步加载数据
2017/11/19 Javascript
vue实现商城上货组件简易版
2017/11/27 Javascript
详解tween.js 中文使用指南
2018/01/05 Javascript
vue 实现数字滚动增加效果的实例代码
2018/07/06 Javascript
jquery弹窗时禁止body滚动条滚动的例子
2019/09/21 jQuery
[01:02:47]EG vs Secret 2019国际邀请赛淘汰赛 胜者组 BO3 第一场 8.21.mp4
2020/07/19 DOTA
Python编程产生非均匀随机数的几种方法代码分享
2017/12/13 Python
python: line=f.readlines()消除line中\n的方法
2018/03/19 Python
Python 实现引用其他.py文件中的类和类的方法
2018/04/29 Python
Django admin model 汉化显示文字的实现方法
2019/08/12 Python
Python实现代码统计工具
2019/09/19 Python
Python 类方法和实例方法(@classmethod),静态方法(@staticmethod)原理与用法分析
2019/09/20 Python
Tensorflow进行多维矩阵的拆分与拼接实例
2020/02/07 Python
CSS3媒体查询Media Queries基础学习教程
2016/02/29 HTML / CSS
中国跨境海淘网站:考拉海购
2016/08/01 全球购物
暇步士官网:Hush Puppies
2016/09/22 全球购物
英国领先的在线药房:Pharmacy First
2017/09/10 全球购物
耐克中国官方商城:Nike中国
2018/10/18 全球购物
生产现场工艺工程师岗位职责
2013/11/28 职场文书
农场厂长岗位职责
2013/12/28 职场文书
课堂教学改革实施方案
2014/03/17 职场文书
元宵晚会主持词
2014/03/25 职场文书
环保倡议书50字
2014/05/15 职场文书
项目投资建议书
2014/05/16 职场文书
公司授权委托书格式范文
2014/10/02 职场文书
软弱涣散基层党组织整改方案
2014/10/25 职场文书
青岛海底世界导游词
2015/02/11 职场文书
晚会主持人开场白台词
2015/05/28 职场文书