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.ajax()的jsonp碰上post详解
Jul 02 jQuery
jQuery实现倒计时功能 jQuery实现计时器功能
Sep 19 jQuery
JS/jQuery实现DIV延时几秒后消失或显示的方法
Feb 12 jQuery
jQuery 实现倒计时天,时,分,秒功能
Jul 31 jQuery
jQuery实现的页面弹幕效果【测试可用】
Aug 17 jQuery
jQuery UI实现动画效果代码分享
Aug 19 jQuery
jQuery each和js forEach用法比较
Feb 27 jQuery
jquery中为什么能用$操作
Jun 18 jQuery
jQuery实现全选、反选和不选功能的方法详解
Dec 04 jQuery
jQuery弹框插件使用方法详解
May 26 jQuery
基于jQuery拖拽事件的封装
Nov 29 jQuery
jQuery ajax - getScript() 方法和getJSON方法
May 14 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
用DBSQL类加快开发MySQL数据库程序的速度
2006/10/09 PHP
php对xml文件的增删改查操作实现方法分析
2017/05/19 PHP
PHP如何使用cURL实现Get和Post请求
2020/07/11 PHP
jquery实现图片上传之前预览的方法
2015/07/11 Javascript
jQuery的remove()方法使用详解
2015/08/11 Javascript
jQuery ajax提交Form表单实例(附demo源码)
2016/04/06 Javascript
jQuery获取当前点击的对象元素(实现代码)
2016/05/19 Javascript
关于JS中的方法是否加括号的问题
2016/07/27 Javascript
微信小程序 window_x64环境搭建
2016/09/30 Javascript
Vue.JS入门教程之处理表单
2016/12/01 Javascript
BootStrop前端框架入门教程详解
2016/12/25 Javascript
vue动态组件实现选项卡切换效果
2017/03/08 Javascript
Bootstrap 3多级下拉菜单实例
2017/11/23 Javascript
Vue 实现拖动滑块验证功能(只有css+js没有后台验证步骤)
2018/08/24 Javascript
仿iPhone通讯录制作小程序自定义选择组件的实现
2019/05/23 Javascript
[02:30]DOTA2英雄基础教程 暗影恶魔
2013/12/17 DOTA
[31:00]2014 DOTA2华西杯精英邀请赛5 24 NewBee VS iG
2014/05/25 DOTA
跨平台python异步回调机制实现和使用方法
2013/11/26 Python
Python调用SQLPlus来操作和解析Oracle数据库的方法
2016/04/09 Python
插入排序_Python与PHP的实现版(推荐)
2017/05/11 Python
Python hashlib模块用法实例分析
2018/06/12 Python
使用Flask-Cache缓存实现给Flask提速的方法详解
2019/06/11 Python
PyQt5基本控件使用详解:单选按钮、复选框、下拉框
2019/08/05 Python
python能开发游戏吗
2020/06/11 Python
Django前后端分离csrf token获取方式
2020/12/25 Python
利用CSS3实现自定义滚动条代码分享
2016/08/18 HTML / CSS
浅析与CSS3的loading动画加载相关的transition优化
2015/05/18 HTML / CSS
HTML5是否真的可以取代Flash
2010/02/10 HTML / CSS
利用三角函数在canvas上画虚线的方法
2018/01/11 HTML / CSS
英国独特家具和家庭用品购物网站:Cuckooland
2020/08/30 全球购物
九月份红领巾广播稿
2014/01/22 职场文书
老人再婚离婚协议书范本
2014/10/27 职场文书
离职证明范本
2015/06/12 职场文书
工资证明范本
2015/06/12 职场文书
《只有一个地球》教学反思
2016/02/16 职场文书
Python包管理工具pip的15 个使用小技巧
2021/05/17 Python