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 相关文章推荐
JavaScript自定义DateDiff函数(兼容所有浏览器)
Mar 01 Javascript
解决jquery的datepicker的本地化以及Today问题
May 23 Javascript
parentElement,srcElement的使用小结
Jan 13 Javascript
JQuery的$和其它JS发生冲突的快速解决方法
Jan 24 Javascript
javascript学习总结之js使用技巧
Sep 02 Javascript
Angular.js回顾ng-app和ng-model使用技巧
Apr 26 Javascript
javascript循环链表之约瑟夫环的实现方法
Jan 16 Javascript
Angular HMR(热模块替换)功能实现方法
Apr 04 Javascript
Vue编程式跳转的实例代码详解
Jul 10 Javascript
js new Date()实例测试
Oct 31 Javascript
Jquery滑动门/tab切换实现方法完整示例
Jun 05 jQuery
VSCode launch.json配置详细教程
Jun 18 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 函数执行效率的小比较
2010/10/17 PHP
分享一则PHP定义函数代码
2015/02/26 PHP
php实现表单多按钮提交action的处理方法
2015/10/24 PHP
基于thinkPHP框架实现留言板的方法
2016/10/17 PHP
php合并数组并保留键值的实现方法
2018/03/12 PHP
PHP连续签到功能实现方法详解
2019/12/04 PHP
javascript web页面刷新的方法收集
2009/07/02 Javascript
javascript 二分法(数组array)
2010/04/24 Javascript
JavaScript中模拟实现jsonp
2015/06/19 Javascript
Bootstrap开发实战之响应式轮播图
2016/06/02 Javascript
js添加千分位的实现代码(超简单)
2016/08/01 Javascript
AngularJS 过滤器(自带和自建)详解
2016/09/19 Javascript
JS实现本地存储信息的方法(基于localStorage与userData)
2017/02/18 Javascript
vue-router 实现导航守卫(路由卫士)的实例代码
2018/09/02 Javascript
微信小程序实现弹出层效果
2020/05/26 Javascript
tracking.js页面人脸识别插件使用方法
2020/04/16 Javascript
vue返回上一页面时回到原先滚动的位置的方法
2018/12/20 Javascript
JavaScript常见继承模式实例小结
2019/01/11 Javascript
基于Vue SEO的四种方案(小结)
2019/07/01 Javascript
JQuery事件冒泡和默认行为代码实例
2020/05/13 jQuery
[00:32]10月24、25日 辉夜杯外卡赛附加赛开赛!
2015/10/23 DOTA
Python中time模块和datetime模块的用法示例
2016/02/28 Python
python机器学习实战之树回归详解
2017/12/20 Python
python实现壁纸批量下载代码实例
2018/01/25 Python
python面试题小结附答案实例代码
2019/04/11 Python
详解利用python+opencv识别图片中的圆形(霍夫变换)
2019/07/01 Python
Python3.7下安装pyqt5的方法步骤(图文)
2020/05/12 Python
python判断all函数输出结果是否为true的方法
2020/12/03 Python
基于html5 canvas做批改作业的小插件
2020/05/20 HTML / CSS
美国知名奢侈美容品牌零售商:Cos Bar
2017/04/21 全球购物
VICHY薇姿俄罗斯官方网上商店:法国护肤品牌,火山温泉水
2019/11/22 全球购物
机械化及自动化毕业生的自我评价分享
2013/11/06 职场文书
马云的职业生涯规划之路
2014/01/01 职场文书
大学生村官工作感言
2014/01/10 职场文书
公司员工体检通知
2015/04/21 职场文书
通知函的格式
2015/04/27 职场文书