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实现动态添加、删除按钮及input输入框的方法
Apr 27 jQuery
jQuery遍历节点方法汇总(推荐)
May 13 jQuery
jquery.masonry瀑布流效果
May 25 jQuery
jquery Ajax实现Select动态添加数据
Jun 08 jQuery
jQuery.Form实现Ajax上传文件同时设置headers的方法
Jun 26 jQuery
使用jQuery实现简单的tab框实例
Aug 22 jQuery
使用vue与jquery实时监听用户输入状态的操作代码
Sep 19 jQuery
js jquery 获取某一元素到浏览器顶端的距离实现方法
Sep 05 jQuery
jQuery实现购物车的总价计算和总价传值功能
Nov 28 jQuery
jQuery实现的解析本地 XML 文档操作示例
Apr 30 jQuery
jquery轮播图插件使用方法详解
Jul 31 jQuery
jquery插件实现代码雨特效
Apr 24 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
异世界新番又来了,同样是从零开始,男主的年龄降到5岁
2020/04/09 日漫
关于访问控制的一首PHP面试题(对属性或方法的访问控制)
2012/09/13 PHP
php中多维数组按指定value排序的实现代码
2014/08/19 PHP
php多重接口的实现方法
2015/06/20 PHP
Yii2创建表单(ActiveForm)方法详解
2016/07/23 PHP
CakePHP框架Model函数定义方法示例
2017/08/04 PHP
php基于协程实现异步的方法分析
2019/07/17 PHP
一个基于jquery的图片切换效果
2010/07/06 Javascript
ExtJs 表单提交登陆实现代码
2010/08/19 Javascript
jquery中动态效果小结
2010/12/16 Javascript
jQuery UI AutoComplete 使用说明
2011/06/20 Javascript
node.js操作mongoDB数据库示例分享
2014/11/26 Javascript
js实现的二分查找算法实例
2016/01/21 Javascript
利用Jquery实现几款漂亮实用的时间轴(附示例代码)
2017/02/15 Javascript
jQuery中on方法使用注意事项详解
2017/02/15 Javascript
详解Angular2响应式表单
2017/06/14 Javascript
Layui 设置select下拉框自动选中某项的方法
2018/08/14 Javascript
详解关于Angular4 ng-zorro使用过程中遇到的问题
2018/12/05 Javascript
three.js实现圆柱体
2018/12/30 Javascript
bootstrap table实现横向合并与纵向合并
2019/07/18 Javascript
Vue v-model组件封装(类似弹窗组件)
2020/01/08 Javascript
在Vue中创建可重用的 Transition的方法
2020/06/02 Javascript
JavaScript Image对象实现原理实例解析
2020/08/26 Javascript
Openlayers测量距离与面积的实现方法
2020/09/25 Javascript
举例讲解Python中的迭代器、生成器与列表解析用法
2016/03/20 Python
使用Mixin设计模式进行Python编程的方法讲解
2016/06/21 Python
泰国健康和美容服务预订网站:GoWabi
2019/06/03 全球购物
农村婚礼证婚词
2014/01/10 职场文书
小学生环保演讲稿
2014/04/25 职场文书
维修工先进事迹
2014/05/29 职场文书
关于倡议书的范文
2015/04/29 职场文书
安全教育观后感
2015/06/17 职场文书
2016年暑假家长对孩子评语
2015/12/01 职场文书
2016幼儿园新学期寄语
2015/12/03 职场文书
涨工资申请书应该怎么写?
2019/07/08 职场文书
logback如何自定义日志存储
2021/08/30 Java/Android