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实现鼠标经过显示动画边框特效
Mar 24 jQuery
jQuery中animate()的使用方法及解决$(”body“).animate({“scrollTop”:top})不被Firefox支持的问题
Apr 04 jQuery
关于jQuery库冲突的完美解决办法
May 20 jQuery
jQuery用户头像裁剪插件cropbox.js使用详解
Jun 07 jQuery
jQuery动态添加.active 实现导航效果代码思路详解
Aug 29 jQuery
基于jQuery实现定位导航位置效果
Nov 15 jQuery
jQuery实现页码跳转式动态数据分页
Dec 31 jQuery
jQuery 实现倒计时天,时,分,秒功能
Jul 31 jQuery
jQuery+PHP实现上传裁剪图片
Jun 29 jQuery
JQuery获取元素尺寸、位置及页面滚动事件应用示例
May 14 jQuery
jquery实现简易验证插件封装
Sep 13 jQuery
ajax jquery实现页面某一个div的刷新效果
Mar 04 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
各种咖啡的英文名子是什么
2021/03/03 新手入门
用PHP调用数据库的存贮过程
2006/10/09 PHP
WINDOWS服务器安装多套PHP的另类解决方案
2006/10/09 PHP
yii2.0之GridView自定义按钮和链接用法
2014/12/15 PHP
thinkPHP框架实现类似java过滤器的简单方法示例
2018/09/05 PHP
修改Laravel自带的认证系统的User类的命名空间的步骤
2019/10/15 PHP
使弱类型的语言JavaScript变强势
2009/06/22 Javascript
javascript getElementsByClassName实现代码
2010/10/11 Javascript
再次分享18个非常棒的jQuery表格插件
2011/04/10 Javascript
javascript中定义私有方法说明(private method)
2014/01/27 Javascript
jQuery toggleClass应用实例(附效果图)
2014/04/06 Javascript
Jquery操作js数组及对象示例代码
2014/05/11 Javascript
jQuery中append()方法用法实例
2015/01/08 Javascript
AngularJS表单编辑提交功能实例
2015/02/13 Javascript
jQuery实现滚动条滚动到子元素位置(方便定位)
2017/01/08 Javascript
React-Native实现ListView组件之上拉刷新实例(iOS和Android通用)
2017/07/11 Javascript
node.js基于dgram数据报模块创建UDP服务器和客户端操作示例
2020/02/12 Javascript
解决vue axios跨域 Request Method: OPTIONS问题(预检请求)
2020/08/14 Javascript
js实现前端界面导航栏下拉列表
2020/08/27 Javascript
详解JavaScript作用域、作用域链和闭包的用法
2020/09/03 Javascript
python单例模式实例分析
2015/04/08 Python
Python实现处理管道的方法
2015/06/04 Python
python中使用%与.format格式化文本方法解析
2017/12/27 Python
Python中*args和**kwargs的区别详解
2019/09/17 Python
浅谈tensorflow之内存暴涨问题
2020/02/05 Python
python利用百度云接口实现车牌识别的示例
2020/02/21 Python
Python ini文件常用操作方法解析
2020/04/26 Python
Python多线程正确用法实例解析
2020/05/30 Python
Python如何转换字符串大小写
2020/06/04 Python
英国工艺品购物网站:Minerva Crafts
2018/01/29 全球购物
检查接待方案
2014/02/27 职场文书
2015年企业工作总结范文
2015/04/28 职场文书
冲出亚马逊观后感
2015/06/03 职场文书
雷锋的故事观后感
2015/06/10 职场文书
2016年小学生寒假家长评语
2015/10/10 职场文书
五年级语文教学反思
2016/03/03 职场文书