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.Pin垂直滚动时固定导航
May 24 jQuery
使用jQuery实现简单的tab框实例
Aug 22 jQuery
jQuery实现的简单动态添加、删除表格功能示例
Sep 21 jQuery
jQuery ajax调用webservice注意事项
Oct 08 jQuery
jquery一键控制checkbox全选、反选或全不选
Oct 16 jQuery
详解在vue-cli中引用jQuery、bootstrap以及使用sass、less编写css
Nov 08 jQuery
jQuery实现简单的下拉菜单导航功能示例
Dec 07 jQuery
JS文件中加载jquery.js的实例代码
May 05 jQuery
jquery实现搜索框功能实例详解
Jul 23 jQuery
jQuery实现条件搜索查询、实时取值及升降序排序的方法分析
May 04 jQuery
Javascript和jquery在selenium的使用过程
Oct 31 jQuery
jquery实现拖拽添加元素功能
Dec 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 MsSql server时遇到的中文编码问题
2009/06/11 PHP
php数组函数序列之in_array() 查找数组值是否存在
2011/10/29 PHP
微信公众平台网页授权获取用户基本信息中授权回调域名设置的变动
2014/10/21 PHP
php生成圆角图片的方法
2015/04/07 PHP
Smarty foreach控制循环次数的一些方法
2015/07/01 PHP
PHP从零开始打造自己的MVC框架之路由类实现方法分析
2019/06/03 PHP
tp5.1 框架路由操作-URL生成实例分析
2020/05/26 PHP
如何在PHP中使用数组
2020/06/09 PHP
深入理解JSON数据源格式
2014/01/10 Javascript
js鼠标点击图片实现随机变换图片的方法
2015/02/16 Javascript
JavaScript使用setTimeout实现延迟弹出警告框的方法
2015/04/07 Javascript
js面向对象之公有、私有、静态属性和方法详解
2015/04/17 Javascript
微信小程序遇到修改数据后页面不渲染的问题解决
2017/03/09 Javascript
vue结合Echarts实现点击高亮效果的示例
2018/03/17 Javascript
Bootstrap模态对话框中显示动态内容的方法
2018/08/10 Javascript
深入理解Vue 组件之间传值
2018/08/16 Javascript
React key值的作用和使用详解
2018/08/23 Javascript
微信小程序使用setData修改数组中单个对象的方法分析
2018/12/30 Javascript
JS面向对象编程基础篇(三) 继承操作实例详解
2020/03/03 Javascript
vue-resource post数据时碰到Django csrf问题的解决
2020/03/13 Javascript
JS错误处理与调试操作实例分析
2020/04/13 Javascript
Python lxml解析HTML并用xpath获取元素的方法
2019/01/02 Python
python执行scp命令拷贝文件及文件夹到远程主机的目录方法
2019/07/08 Python
linux环境下安装python虚拟环境及注意事项
2020/01/07 Python
Python单元测试模块doctest的具体使用
2020/02/10 Python
python 使用cycle构造无限循环迭代器
2020/12/02 Python
Python利用socket模块开发简单的端口扫描工具的实现
2021/01/27 Python
css3类选择器之结合元素选择器和多类选择器用法
2017/03/09 HTML / CSS
父母对孩子说的话
2014/04/12 职场文书
大学自主招生推荐信
2014/05/10 职场文书
教师求职信范文
2014/05/24 职场文书
素质教育标语
2014/06/27 职场文书
道路交通事故赔偿协议书
2014/10/24 职场文书
给老师的保证书怎么写
2015/05/09 职场文书
2016幼儿园中班开学寄语
2015/12/03 职场文书
2019年幼儿园家长接送责任书
2019/10/29 职场文书