Jquery中的CheckBox、RadioButton、DropDownList的取值赋值实现代码
随着Jquery的作用越来越大,使用的朋友也越来越多。在Web中,由于CheckBox、 Radiobutton 、 DropDownList等控件使用的频率比较高,就关系到这些控件在Jquery中的操作问题由于Jquery的版本更新很快,代码的写法也改变了许多,以下Jquery代码适query1.4版本以上
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='rd2']").attr('checked','true'); 或者 $("input[value='rd2']").attr('checked','true'); 6.删除Value值为rd2的Radio $("input:radio[value='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
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为选中值: $('select#sel option:last).attr('selected','true') 7. 根据索引值设置任意一个option为选中值: $('select#sel')[0].selectedIndex =索引值;索引值=0,1,2.... 8. 设置Value=4 的option为选中值: $('select#sel').attr('value','4'); 或者 $("select#sel option[value='4']").attr('selected', 'true'); 9. 删除Value=3的option: $("select#sel option[value='3']").remove(); 10.删除第几个option: $(" select#sel option ").eq(索引值).remove();索引值=0,1,2.... 如删除第3个Radio: $(" select#sel option ").eq(2).remove(); 11.删除第一个option: $(" select#sel option ").eq(0).remove(); 或者 $("select#sel option:first").remove(); 12. 删除最后一个option: $("select#sel option:last").remove(); 13. 删除dropdownlist: $("select#sel").remove(); 14.在select后面添加一个option: $("select#sel").append("<option value='6'>f</option>"); 15. 在select前面添加一个option: $("select#sel").prepend("<option value='0'>0</option>"); 16. 遍历option: $(' select#sel option ').each(function (index, domEle) { //写入代码 });
CheckBox
1. 获取单个checkbox选中项(三种写法): $("input:checkbox:checked").val() 或者 $("input:[type='checkbox']:checked").val(); 或者 $("input:[name='ck']:checked").val(); 2. 获取多个checkbox选中项: $('input:checkbox').each(function() { if ($(this).attr('checked') ==true) { alert($(this).val()); } }); 3. 设置第一个checkbox 为选中值: $('input:checkbox:first').attr("checked",'checked'); 或者 $('input:checkbox').eq(0).attr("checked",'true'); 4. 设置最后一个checkbox为选中值: $('input:radio:last').attr('checked', 'checked'); 或者 $('input:radio:last').attr('checked', 'true'); 5. 根据索引值设置任意一个checkbox为选中值: $('input:checkbox).eq(索引值).attr('checked', 'true');索引值=0,1,2.... 或者 $('input:radio').slice(1,2).attr('checked', 'true'); 6. 选中多个checkbox: 同时选中第1个和第2个的checkbox: $('input:radio').slice(0,2).attr('checked','true'); 7. 根据Value值设置checkbox为选中值: $("input:checkbox[value='1']").attr('checked','true'); 8. 删除Value=1的checkbox: $("input:checkbox[value='1']").remove(); 9. 删除第几个checkbox: $("input:checkbox").eq(索引值).remove();索引值=0,1,2.... 如删除第3个checkbox: $("input:checkbox").eq(2).remove(); 10.遍历checkbox: $('input:checkbox').each(function (index, domEle) { //写入代码 }); 11.全部选中 $('input:checkbox').each(function() { $(this).attr('checked', true); }); 12.全部取消选择: $('input:checkbox').each(function () { $(this).attr('checked',false); });
转载于:https://www.cnblogs.com/kennyliu/p/3388709.html
Jquery中的CheckBox、RadioButton、DropDownList的取值赋值实现代码相关推荐
- Jquery 中的CheckBox、 RadioButton、 DropDownList的取值赋值
1.获取选中值,三种方法都可以: $('input:radio:checked').val(): $("input[type='radio']:checked").val(); $ ...
- jQuery EasyUI DataGrid Checkbox 数据设定与取值
纯粹做个记录,以免日后忘记该怎么设定. 这一篇将会说明两种使用 jQuery EasyUI DataGrid 的 Checkbox 设定方式,以及在既有数据下将 checked 为 true 的该笔数 ...
- jquery操作select取值赋值与设置选中[转]
本节内容: jquery实现select下拉框的取值与赋值,设置选中的方法大全. 比如<select class="selector"></select> ...
- ajax 给select赋值,jquery操作select取值赋值与设置选中
摘要 腾兴网为您分享:jquery操作select取值赋值与设置选中,掌上优云,杂志迷,悦作业,小米云盘等软件知识,以及屏幕,赢在街拍客,动图,天下任我行,网易充值中心,马上用车,cf不掉血,回收ap ...
- Jquery 关于span标签的取值赋值用法
span是最简单的容器,可以当作一个形式标签,其取值赋值方法有别于一般的页面元素. //赋值 $("#spanid").html(value) //取值 $("#span ...
- js--textarea的取值赋值
取值赋值常用的方法,html(),text(),val() 单独说说textarea .它是表单元素,val()可用 .它是闭合标签,html(),text()可用 这三个都可以取值赋值,会有怎样的效 ...
- textarea的取值赋值
取值赋值常用的方法,html(),text(),val() 单独说说textarea .它是表单元素,val()可用 .它是闭合标签,html(),text()可用 这三个都可以取值赋值,会有怎样的效 ...
- CYQ.Data 轻量数据层之路 使用篇-MAction 取值赋值 视频[带音乐] F (二十四)
CYQ.Data 轻量数据层之路 使用篇-MAction 取值赋值 视频[带音乐] F (二十四) 说明: 本次录制主要为使用篇:CYQ.Data 轻量数据层之路 使用篇三曲 MAction 取值赋值 ...
- GridView 用 checkbox 全选并取值
方法一,用 js 实现 <script type="text/javascript">//<![CDATA[ function CheckAll(oCheckbo ...
- jQuery的DOM操作之取值/赋值(1)
.html()方法 作用:获取集合中第一个匹配元素的HTML内容或设置每一个匹配元素的html内容 [例]取值 <body> <ul><li>1</li> ...
最新文章
- 按键的c语言代码表,各种按键模式的扫描
- 如何计算MP3总时长的问题(二)
- sping中@import
- stc单片机入门c语言,谈谈单片机入门
- NWERC 2018 C. Circuit Board Design 树 + 构造
- SOCKET通信的基本步骤
- android全系统动态二进制分析--CopperDroid
- 齐齐哈尔计算机二级,2020齐齐哈尔市计算机二级报名时间|网上报名入口【8月20日9时开通】...
- 运用思维导图学习数据分析的五个步骤
- 2018年个人的一些简单预测
- Pentest Wiki Part6 权限维持
- django中url与view配置方法
- 高品质的算法混响插件-Initial Audio AR1 Reverb v1.0.1 WiN-MAC
- IOS – OpenGL ES 图像鱼眼扩散效果 GPUImageBulgeDistortionFilter
- Android模仿youtube的拖拽视频效果
- 一文读懂Attention
- Discuz!教程之应用中心安装插件提示“数据下载错误(105)”的解决办法
- 迅为嵌入式linux驱动开发笔记(八)—内核定时器
- 微信小程序毕业设计 基于微信电影院选座订票售票小程序系统开题报告
- 软文传播技巧 究竟什么是软文推广