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,Angular实现登录界面验证码详解
Apr 27 jQuery
JS/jquery实现一个网页内同时调用多个倒计时的方法
Apr 27 jQuery
jQuery ajax动态生成table功能示例
Jun 14 jQuery
基于jquery日历价格、库存等设置插件
Jul 05 jQuery
jQuery实现简单的计时器功能实例分析
Aug 29 jQuery
jQuery选择器之子元素选择器详解
Sep 18 jQuery
jQuery实现的事件绑定功能基本示例
Oct 11 jQuery
jQuery实现打开网页自动弹出遮罩层或点击弹出遮罩层功能示例
Oct 19 jQuery
jQuery封装animate.css的实例
Jan 04 jQuery
jquery实现购物车基本功能
Oct 25 jQuery
基于JavaScript或jQuery实现网站夜间/高亮模式
May 30 jQuery
jQuery列表动态增加和删除的实现方法
Nov 05 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遍历文件夹与子目录的函数代码
2011/09/26 PHP
PHP中的strtr函数使用介绍(str_replace)
2011/10/20 PHP
PHP 在5.1.* 和5.2.*之间 PDO数据库操作中的不同之处小结
2012/03/07 PHP
PHP基础陷阱题(变量赋值)
2012/09/12 PHP
VB中的RasEnumConnections函数返回632错误解决方法
2014/07/29 PHP
javascript+php实现根据用户时区显示当地时间的方法
2015/03/11 PHP
thinkphp中字符截取函数msubstr()用法分析
2016/01/09 PHP
PHP合并两个或多个数组的方法
2019/01/20 PHP
php如何把表单内容提交到数据库
2019/07/08 PHP
基于jquery的从一个页面跳转到另一个页面的指定位置的实现代码(带平滑移动的效果)
2011/05/24 Javascript
jquery获取选中的文本和值的方法
2014/07/08 Javascript
容易造成JavaScript内存泄露几个方面
2014/09/04 Javascript
javascript动态设置样式style实例分析
2015/05/13 Javascript
AngularJS基础教程之简单介绍
2015/09/27 Javascript
JavaScript获取当前url根目录(路径)
2016/06/17 Javascript
AngularJS 路由详解和简单实例
2016/07/28 Javascript
JavaScript九九乘法口诀表的简单实现
2016/10/04 Javascript
Vue.js系列之vue-router(上)(3)
2017/01/03 Javascript
原生Javascript插件开发实践
2017/01/18 Javascript
weebox弹出窗口不居中显示的解决方法
2017/11/27 Javascript
Layui Table js 模拟选中checkbox的例子
2019/09/03 Javascript
vue3 源码解读之 time slicing的使用方法
2019/10/31 Javascript
vue.js实现点击图标放大离开时缩小的代码
2021/01/27 Vue.js
[48:30]LGD vs infamous Supermajor小组赛D组 BO3 第一场 6.3
2018/06/04 DOTA
python嵌套字典比较值与取值的实现示例
2017/11/03 Python
Python tkinter事件高级用法实例
2018/01/31 Python
Python调用百度根据经纬度查询地址的示例代码
2019/07/07 Python
使用pyinstaller逆向.pyc文件
2019/12/20 Python
python、PyTorch图像读取与numpy转换实例
2020/01/13 Python
基于python实现模拟数据结构模型
2020/06/12 Python
浅析Python面向对象编程
2020/07/10 Python
CSS3用@font-face实现自定义英文字体
2013/09/23 HTML / CSS
前处理班长职位说明书
2014/03/01 职场文书
报考公务员诚信承诺书
2014/08/29 职场文书
领导四风问题整改措施思想汇报
2014/10/13 职场文书
简易离婚协议书范本
2014/10/24 职场文书