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 相关文章推荐
用js判断页面是否加载完成实现代码
Dec 11 Javascript
jquery js 获取时间差、时间格式具体代码
Jun 05 Javascript
JavaScript限定复选框的选择个数示例代码
Aug 25 Javascript
jquery全选checkBox功能实现代码(取消全选功能)
Dec 10 Javascript
使用jquery prev()方法找到同级的前一个元素
Jul 11 Javascript
编写简单的jQuery提示插件
Dec 21 Javascript
jquery实现百叶窗效果
Jan 12 Javascript
jQuery设计思想
Mar 07 Javascript
JavaScript实现的原生态Tab标签页功能【兼容IE6】
Sep 18 Javascript
JS实现在文本指定位置插入内容的简单示例
Dec 22 Javascript
layui自定义验证,用ajax查询后台是否有重复数据,form.verify的例子
Sep 06 Javascript
解决vue数据不实时更新的问题(数据更改了,但数据不实时更新)
Oct 27 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
ThinkPHP登录功能的实现方法
2014/08/20 PHP
PHP5.2中PDO的简单使用方法
2016/03/25 PHP
jQuery 相关控件的事件操作分解
2009/08/03 Javascript
javascript使用正则控制input输入框允许输入的值方法大全
2014/06/19 Javascript
jquery实现鼠标拖拽滑动效果来选择数字的方法
2015/05/04 Javascript
基于Javascript实现弹出页面效果
2016/01/01 Javascript
js实现网页图片延时加载 提升网页打开速度
2016/01/26 Javascript
一款简单的jQuery图片标注效果附源码下载
2016/03/22 Javascript
JavaScript必知必会(六) delete in instanceof
2016/06/08 Javascript
JS 面向对象之继承---多种组合继承详解
2016/07/10 Javascript
js获取css的各种样式并且设置他们的方法
2017/08/22 Javascript
Angular实现的简单查询天气预报功能示例
2017/12/27 Javascript
node.js使用免费的阿里云ip查询获取ip所在地【推荐】
2018/09/03 Javascript
在Vue环境下利用worker运行interval计时器的步骤
2019/08/01 Javascript
js实现烟花特效
2020/03/02 Javascript
vue2.x数组劫持原理的实现
2020/04/19 Javascript
在Vue中使用mockjs代码实例
2020/11/25 Vue.js
原生JS实现拖拽效果
2020/12/04 Javascript
跟老齐学Python之dict()的操作方法
2014/09/24 Python
python实现可将字符转换成大写的tcp服务器实例
2015/04/29 Python
python开发利器之ulipad的使用实践
2017/03/16 Python
详解python中 os._exit() 和 sys.exit(), exit(0)和exit(1) 的用法和区别
2017/06/23 Python
Python中表示字符串的三种方法
2017/09/06 Python
对python中Matplotlib的坐标轴的坐标区间的设定实例讲解
2018/05/25 Python
python合并已经存在的sheet数据到新sheet的方法
2018/12/11 Python
Python matplotlib学习笔记之坐标轴范围
2019/06/28 Python
python滑块验证码的破解实现
2019/11/10 Python
韩国邮政旗下生鲜食品网上超市:epost
2016/08/27 全球购物
采购部经理岗位职责
2014/02/10 职场文书
党员思想汇报材料
2014/12/19 职场文书
介绍信范文
2015/01/31 职场文书
匿名信格式范文
2015/05/27 职场文书
2016预备党员培训心得体会
2016/01/08 职场文书
初三化学教学反思
2016/02/22 职场文书
2016年幼儿园教研活动总结
2016/04/05 职场文书
TypeScript 使用 Tuple Union 声明函数重载
2022/04/07 Javascript