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输入框密码的显示隐藏【代码分享】
Apr 29 jQuery
js和jquery中获取非行间样式
May 05 jQuery
JQuery 封装 Ajax 常用方法(推荐)
May 21 jQuery
jQuery 添加样式属性的优先级别方法(推荐)
Jun 08 jQuery
jQuery实现锚点向下平滑滚动特效示例
Aug 29 jQuery
jQuery实现所有验证通过方可提交的表单验证
Nov 21 jQuery
JQuery判断radio单选框是否选中并获取值的方法
Jan 17 jQuery
jquery实现动态改变css样式的方法分析
May 27 jQuery
JavaScript表格隔行变色和Tab标签页特效示例【附jQuery版】
Jul 11 jQuery
jquery中attr、prop、data区别与用法分析
Sep 25 jQuery
jquery将json转为数据字典的实例代码
Oct 11 jQuery
jQuery 判断元素是否存在然后按需加载内容的实现代码
Jan 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/05/16 PHP
php数组合并array_merge()函数使用注意事项
2014/06/19 PHP
ThinkPHP中__initialize()和类的构造函数__construct()用法分析
2014/11/29 PHP
php打开本地exe程序,js打开本地exe应用程序,并传递相关参数方法
2018/02/06 PHP
php+redis实现消息队列功能示例
2019/09/19 PHP
JavaScript 动态创建VML的方法
2009/10/14 Javascript
jQuery EasyUI API 中文文档 - ValidateBox验证框
2011/10/06 Javascript
javascript中this做事件参数相关问题解答
2013/03/17 Javascript
查看图片(前进后退)功能实现js代码
2013/04/24 Javascript
jquery和js实现对div的隐藏和显示方法
2014/09/26 Javascript
jquery实现多屏多图焦点图切换特效的方法
2015/05/04 Javascript
基于canvas实现的绚丽圆圈效果完整实例
2016/01/26 Javascript
jQuery实现漂亮实用的商品图片tips提示框效果(无图片箭头+阴影)
2016/04/16 Javascript
Angular2  NgModule 模块详解
2016/10/19 Javascript
jQuery除指定区域外点击任何地方隐藏DIV功能
2017/11/13 jQuery
微信小程序仿RadioGroup改变样式的处理方案
2018/07/13 Javascript
jQuery实现的简单歌词滚动功能示例
2019/01/07 jQuery
深入了解响应式React Native Echarts组件
2019/05/29 Javascript
Vue实战教程之仿肯德基宅急送App
2019/07/19 Javascript
wxPython窗口的继承机制实例分析
2014/09/28 Python
Python验证码识别处理实例
2015/12/28 Python
Python中的几种矩阵乘法(小结)
2019/07/10 Python
使用python执行shell脚本 并动态传参 及subprocess的使用详解
2020/03/06 Python
python语言的优势是什么
2020/06/17 Python
Python预测2020高考分数和录取情况
2020/07/08 Python
英国翻新电子产品购物网站:Tech Trade
2017/12/25 全球购物
Clarks鞋澳大利亚官方网站:Clarks Australia
2019/12/25 全球购物
JENNIFER BEHR官网:各种耳环和发饰
2020/06/07 全球购物
2014端午节活动策划方案
2014/01/27 职场文书
汉语言文学毕业生自荐信范文
2014/03/24 职场文书
教师自我剖析材料(四风问题)
2014/09/30 职场文书
临时工聘用合同协议书
2014/10/29 职场文书
同学聚会通知书
2015/04/20 职场文书
Golang二维切片初始化的实现
2021/04/08 Golang
升级 Win11 还是坚守 Win10?微软 Win11 新系统缺失功能大盘点
2022/04/05 数码科技
windows系统搭建WEB服务器详细教程
2022/08/05 Servers