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 06 jQuery
jQuery 实时保存页面动态添加的数据的示例
Aug 14 jQuery
jQuery模拟爆炸倒计时功能实例代码
Aug 21 jQuery
jQuery+datatables插件实现ajax加载数据与增删改查功能示例
Apr 17 jQuery
jQuery md5加密插件jQuery.md5.js用法示例
Aug 24 jQuery
jQuery实现点击图标div循环放大缩小功能
Sep 30 jQuery
详解jQuery获取特殊属性的值以及设置内容
Nov 14 jQuery
Jquery 动态添加元素并添加点击事件实现过程解析
Oct 12 jQuery
jQuery利用cookie 实现本地收藏功能(不重复无需多次命名)
Nov 07 jQuery
jquery向后台提交数组的代码分析
Feb 20 jQuery
JQuery表单元素取值赋值方法总结
May 12 jQuery
Jquery如何使用animation动画效果改变背景色的代码
Jul 20 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 xml-rpc远程调用
2008/12/19 PHP
PHP为表单获取的URL 地址预设 http 字符串函数代码
2010/05/26 PHP
php数组函数序列 之array_count_values() 统计数组中所有值出现的次数函数
2011/10/29 PHP
php+html5+ajax实现上传图片的方法
2016/05/14 PHP
php array 转json及java 转换 json数据格式操作示例
2019/11/13 PHP
List Installed Hot Fixes
2007/06/12 Javascript
基于Jquery的标签智能验证实现代码
2010/12/27 Javascript
Jquery中val()表单取值赋值的实例代码
2013/08/15 Javascript
javascript动态的改变IFrame的高度实现自动伸展
2013/10/12 Javascript
js弹出确认是否删除对话框
2014/03/27 Javascript
浅谈javascript中for in 和 for each in的区别
2015/04/23 Javascript
JavaScript实现点击单选按钮改变输入框中文本域内容的方法
2015/08/12 Javascript
JQ选择器_选择同类元素的第N个子元素的实现方法
2016/09/08 Javascript
JS正则表达式修饰符中multiline(/m)用法分析
2016/12/27 Javascript
JS Select下拉框(支持输入模糊查询)
2017/02/04 Javascript
js判断手机系统是android还是ios
2017/03/07 Javascript
vue-loader教程介绍
2017/06/14 Javascript
karma+webpack搭建vue单元测试环境的方法示例
2018/05/24 Javascript
jQuery动态生成的元素绑定事件操作实例分析
2019/05/04 jQuery
JS数组reduce()方法原理及使用技巧解析
2020/07/14 Javascript
使用Vant完成Dialog弹框案例
2020/11/11 Javascript
Python isinstance判断对象类型
2008/09/06 Python
python 多线程应用介绍
2012/12/19 Python
Python队列的定义与使用方法示例
2017/06/24 Python
Python进阶之@property动态属性的实现
2019/04/01 Python
Python实现连接MySql数据库及增删改查操作详解
2019/04/16 Python
python性能测量工具cProfile使用解析
2019/09/26 Python
Python 继承,重写,super()调用父类方法操作示例
2019/09/29 Python
Python导入数值型Excel数据并生成矩阵操作
2020/06/09 Python
小米官方旗舰店:Xiaomi
2020/08/07 全球购物
质量工程师岗位职责
2013/11/16 职场文书
教育英语专业毕业生的求职信
2014/03/13 职场文书
体育活动总结范文
2014/05/04 职场文书
慈善晚会策划方案
2014/05/14 职场文书
人力资源管理系自荐信
2014/05/31 职场文书
镇副书记专题民主生活会对照检查材料思想汇报
2014/10/02 职场文书