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 相关文章推荐
Firefox outerHTML实现代码
Jun 04 Javascript
网站页面自动跳转实现方法PHP、JSP(下)
Aug 01 Javascript
js如何获取object类型里的键值
Feb 18 Javascript
js实现Select下拉框具有输入功能的方法
Feb 06 Javascript
Jquery on绑定的事件 触发多次实例代码
Dec 08 Javascript
Angular中实现树形结构视图实例代码
May 05 Javascript
深入理解vue.js中$watch的oldvalue与newValue
Aug 07 Javascript
详解Vue快速零配置的打包工具——parcel
Jan 16 Javascript
vue实现通讯录功能
Jul 14 Javascript
小试小程序云开发(小结)
Jun 06 Javascript
详解vue 自定义组件使用v-model 及探究其中原理
Oct 11 Javascript
vue里使用create, mounted调用方法
Apr 26 Vue.js
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安装imagick时出现Cannot locate header file MagickWand.h错误的解决方法
2014/11/03 PHP
php一个解析字符串排列数组的方法
2015/05/12 PHP
ThinkPHP使用Ueditor的方法详解
2016/05/20 PHP
Laravel 实现密码重置功能
2018/02/23 PHP
PHP实现获取ip地址的5种方法,以及插入用户登录日志操作示例
2019/02/28 PHP
Lazy Load 延迟加载图片的 jQuery 插件
2010/02/06 Javascript
使用jQuery向asp.net Mvc传递复杂json数据-ModelBinder篇
2010/05/07 Javascript
探寻Javascript执行效率问题
2014/11/12 Javascript
js操作cookie保存浏览记录的方法
2015/12/25 Javascript
浅谈jquery.form.js的ajaxSubmit和ajaxForm的使用
2016/09/09 Javascript
原生js代码实现图片放大境效果
2016/10/30 Javascript
微信小程序开发之相册选择和拍照详解及实例代码
2017/02/22 Javascript
react native实现往服务器上传网络图片的实例
2017/08/07 Javascript
一个简易时钟效果js实现代码
2020/03/25 Javascript
微信小程序WebSocket实现聊天对话功能
2018/07/06 Javascript
详解在vue-cli项目下简单使用mockjs模拟数据
2018/10/19 Javascript
ES6中字符串的使用方法扩展
2019/06/04 Javascript
layui输入框中只允许输入整数的实现方法
2019/09/18 Javascript
JS前端基于canvas给图片添加水印
2020/11/11 Javascript
Python3实现二叉树的最大深度
2019/09/30 Python
Python异常原理及异常捕捉实现过程解析
2020/03/25 Python
pandas使用之宽表变窄表的实现
2020/04/12 Python
python实现图像高斯金字塔的示例代码
2020/12/11 Python
详解CSS3中使用gradient实现渐变效果的方法
2015/08/18 HTML / CSS
HTML5 新旧语法标记对我们有什么好处
2012/12/13 HTML / CSS
HTML5 文件域+FileReader 分段读取文件并上传到服务器
2017/10/23 HTML / CSS
铭万公司.net面试题笔试题
2014/07/20 面试题
大学生村官个人对照检查材料(群众路线)
2014/09/26 职场文书
司法工作人员群众路线对照检查材料思想汇报
2014/09/30 职场文书
刑事辩护授权委托书格式
2014/10/13 职场文书
2015年国庆节慰问信
2015/03/23 职场文书
python实现web邮箱扫描的示例(附源码)
2021/03/30 Python
python-opencv 中值滤波{cv2.medianBlur(src, ksize)}的用法
2021/06/05 Python
go web 预防跨站脚本的实现方式
2021/06/11 Golang
聊一聊Redis与MySQL双写一致性如何保证
2021/06/26 Redis
Spring Boot 实现 WebSocket
2022/04/30 Java/Android