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插件FusionWidgets实现的Bulb图效果示例【附demo源码下载】
Mar 23 jQuery
jQuery validata插件实现方法
Jun 25 jQuery
用jquery获取select标签中选中的option值及文本的示例
Jan 25 jQuery
jQuery实现简单复制json对象和json对象集合操作示例
Jul 09 jQuery
jQuery实现的点击按钮改变样式功能示例
Jul 21 jQuery
jQuery中each遍历的三种方法实例分析
Sep 07 jQuery
jQuery实现网页拼图游戏
Apr 22 jQuery
jQuery基于随机数解决中午吃什么去哪吃问题示例
Dec 29 jQuery
jquery实现商品sku多属性选择功能(商品详情页)
Dec 20 jQuery
jQuery实现获取多选框的值示例
Feb 07 jQuery
JQuery通过键盘控制键盘按下与松开触发事件
Aug 07 jQuery
JS实现选项卡插件的两种写法(jQuery和class)
Dec 30 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 header功能的使用
2013/10/28 PHP
php中get_meta_tags()、CURL与user-agent用法分析
2014/12/16 PHP
thinkPHP+phpexcel实现excel报表输出功能示例
2017/06/06 PHP
JS setCapture 区域外事件捕捉
2010/03/18 Javascript
从盛大通行证上摘下来的身份证验证js代码
2011/01/11 Javascript
jquery子元素过滤选择器使用示例
2013/06/24 Javascript
jQuery实现的多级下拉菜单效果代码
2015/08/24 Javascript
vue2.0 axios前后端数据处理实例代码
2017/06/30 Javascript
微信小程序picker组件简单用法示例【附demo源码下载】
2017/12/05 Javascript
jQuery中图片展示插件highslide.js的简单dom
2018/04/22 jQuery
vue.js数据绑定操作详解
2018/04/23 Javascript
js实现购物车功能
2018/06/12 Javascript
详解vue 自定义组件使用v-model 及探究其中原理
2019/10/11 Javascript
微信小程序关键字变色实现代码实例
2019/12/13 Javascript
详解用js代码触发dom事件的实现方案
2020/06/10 Javascript
Python脚本实现格式化css文件
2015/04/08 Python
举例讲解Python中的身份运算符的使用方法
2015/10/13 Python
Django 忘记管理员或忘记管理员密码 重设登录密码的方法
2018/05/30 Python
扩展Django admin的list_filter()可使用范围方法
2019/08/21 Python
python类的实例化问题解决
2019/08/31 Python
python如何写try语句
2020/07/14 Python
澳大利亚电商Catch新西兰站:Catch.co.nz
2020/05/30 全球购物
大学应届毕业生个人求职信
2013/09/23 职场文书
自我鉴定200字
2013/10/28 职场文书
师范毕业生个人求职信
2013/12/09 职场文书
母亲七十大寿答谢词
2014/01/18 职场文书
男性健康日的活动方案
2014/08/18 职场文书
教师反腐倡廉演讲稿
2014/09/03 职场文书
车贷收入证明范本
2014/09/14 职场文书
2014年留守儿童工作总结
2014/12/10 职场文书
公司经营目标责任书
2015/01/29 职场文书
节约用电倡议书
2015/04/28 职场文书
2015小学语文教师个人工作总结
2015/05/20 职场文书
企业年会祝酒词
2015/08/11 职场文书
毕业生求职自荐信(2016最新版)
2016/01/28 职场文书
古诗之爱国古诗5首
2019/09/20 职场文书