jQuery把表单元素变为json对象


Posted in Javascript onNovember 06, 2013
(function($){  
$.fn.serializeObject=function(){  
           var inputs=$(this).find("input,textarea,select");  
           var o = {};  
           $.each(inputs,function(i,n){  
               switch(n.nodeName.toUpperCase()){  
                   case "INPUT":  
                       if($(n).is(":checkbox")){  
                           if($(n).is(":checked")){  
                               o[n.name]=true;  
                           }else{  
                               o[n.name]=false;  
                           }  
                       }else if($(n).is(":radio")){  
                           if($(n).is(":checked")){  
                               o[n.name]=n.value;  
                           }  
                       }else{  
                           o[n.name]=n.value;   
                       }                         break;  
                   case "TEXTAREA":  
                       o[n.name]=$(n).text();  
                       break;  
                   case "SELECT":  
                       o[n.name]=n.value;  
                       break;  
               }  
           });  
           return o;  
       }  
})(jQuery);
Javascript 相关文章推荐
jquery的相对父元素和相对文档定位示例代码
Aug 02 Javascript
JavaScript实现表格快速变色效果代码
Aug 19 Javascript
Bootstrap每天必学之简单入门
Nov 19 Javascript
使用Bootstrap typeahead插件实现搜索框自动补全的方法
Jul 07 Javascript
Node.js + Redis Sorted Set实现任务队列
Sep 19 Javascript
jQuery右下角悬浮广告实例
Oct 17 Javascript
Mongoose经常返回e11000 error的原因分析
Mar 29 Javascript
微信小程序实战之顶部导航栏(选项卡)(1)
Jun 19 Javascript
Angular4 Select选择改变事件的方法
Oct 09 Javascript
vue的keep-alive中使用EventBus的方法
Apr 23 Javascript
jQuery删除/清空指定元素的所有子节点实例代码
Jul 04 jQuery
原生js实现无缝轮播图效果
Jan 28 Javascript
JQuery插件开发示例代码
Nov 06 #Javascript
javascript实现yield的方法
Nov 06 #Javascript
Javascript事件实例详解
Nov 06 #Javascript
zTree插件之多选下拉菜单实例代码
Nov 06 #Javascript
Jquery ajax执行顺序 返回自定义错误信息(实例讲解)
Nov 06 #Javascript
Js参数值中含有单引号或双引号问题的解决方法
Nov 06 #Javascript
浅析Js中的单引号与双引号问题
Nov 06 #Javascript
You might like
解析PHP正则提取或替换img标记属性
2013/06/26 PHP
深入浅析yii2-gii自定义模板的方法
2016/04/26 PHP
关于ThinkPhp 框架表单验证及ajax验证问题
2017/07/19 PHP
js新闻滚动 js如何实现新闻滚动效果
2013/01/07 Javascript
将json当数据库一样操作的javascript lib
2013/10/28 Javascript
用js来刷新当前页面保留参数的具体实现
2013/12/23 Javascript
jQuery点击自身以外地方关闭弹出层的简单实例
2013/12/24 Javascript
JS模拟酷狗音乐播放器收缩折叠关闭效果代码
2015/10/29 Javascript
JavaScript中输出信息的方法(信息确认框-提示输入框-文档流输出)
2016/06/12 Javascript
js前端实现多图图片上传预览的两个方法(推荐)
2016/11/18 Javascript
js弹出窗口简单实现代码
2017/03/22 Javascript
Node.js中 __dirname 的使用介绍
2017/06/19 Javascript
Vue-cli创建项目从单页面到多页面的方法
2017/09/20 Javascript
vue 中directive功能的简单实现
2018/01/05 Javascript
AngularJS 事件发布机制
2018/08/28 Javascript
Node.js中Koa2在控制台输出请求日志的方法示例
2019/05/02 Javascript
解决webpack多页面内存溢出的方法示例
2019/10/08 Javascript
Windows下python2.7.8安装图文教程
2016/05/26 Python
浅谈Python生成器generator之next和send的运行流程(详解)
2017/05/08 Python
Python实现字符串反转的常用方法分析【4种方法】
2017/09/30 Python
python实现支付宝当面付(扫码支付)功能
2018/05/30 Python
Python Django模板之模板过滤器与自定义模板过滤器示例
2019/10/18 Python
python对文件的操作方法汇总
2020/02/28 Python
Python并发concurrent.futures和asyncio实例
2020/05/04 Python
python怎么判断模块安装完成
2020/06/19 Python
python二维图制作的实例代码
2020/12/03 Python
深入理解HTML的FormData对象
2016/05/17 HTML / CSS
西班牙电子产品购物网站:Electronicamente
2018/07/26 全球购物
波兰最早的运动鞋精品店之一:Street Supply
2019/08/29 全球购物
Herschel Supply Co.美国:背包、手提袋及配件
2020/11/24 全球购物
什么是托管函数?托管函数有什么用?
2014/06/15 面试题
会计师事务所审计实习自我鉴定
2013/09/20 职场文书
学校政风行风评议心得体会
2014/10/21 职场文书
成功的商业计划书这样写才最靠谱
2019/07/12 职场文书
使用redis实现延迟通知功能(Redis过期键通知)
2021/09/04 Redis
MySQL数据库之存储过程 procedure
2022/06/16 MySQL