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避免$符和其他JS库冲突的方法对比
Feb 20 Javascript
如何设置一定时间内只能发送一次请求
Feb 28 Javascript
node.js中的fs.writeSync方法使用说明
Dec 15 Javascript
简述JavaScript中正则表达式的使用方法
Jun 15 Javascript
javascript实现根据时间段显示问候语的方法
Jun 18 Javascript
javascript深拷贝的原理与实现方法分析
Apr 10 Javascript
js读取本地文件的实例
Dec 22 Javascript
详解Vue2.0配置mint-ui踩过的那些坑
Apr 23 Javascript
layer.open 子页面弹出层向父页面传输数据的例子
Sep 26 Javascript
利用JS如何获取form表单数据
Dec 19 Javascript
详解Node.JS模块 process
Aug 31 Javascript
vue项目打包后请求地址错误/打包后跨域操作
Nov 04 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+SqlServer实现分页显示
2006/10/09 PHP
深入php socket的讲解与实例分析
2013/06/13 PHP
php curl选项列表(超详细)
2013/07/01 PHP
YII2.0框架行为(Behavior)深入详解
2019/07/26 PHP
jQuery 插件仿百度搜索框智能提示(带Value值)
2013/01/22 Javascript
类似php的js数组的in_array函数自定义方法
2013/12/27 Javascript
js实现在同一窗口浏览图片
2014/09/17 Javascript
jquery中ready()函数执行的时机和window的load事件比较
2015/06/22 Javascript
JQuery实现图片轮播效果
2015/09/15 Javascript
对jquery的ajax进行二次封装以及ajax缓存代理组件:AjaxCache详解
2016/04/11 Javascript
动态生成的DOM不会触发onclick事件的原因及解决方法
2016/08/06 Javascript
原生JS+CSS实现炫酷重力模拟弹跳系统的登录页面
2017/11/01 Javascript
Vue单页应用引用单独的样式文件的两种方式
2018/03/30 Javascript
Vue项目全局配置微信分享思路详解
2018/05/04 Javascript
node.js使用express框架进行文件上传详解
2019/03/03 Javascript
Nuxt.js实战和配置详解
2019/08/05 Javascript
layer.confirm点击第一个按钮关闭弹出框的方法
2019/09/09 Javascript
vuex实现像调用模板方法一样调用Mutations方法
2019/11/06 Javascript
js里面的变量范围分享
2020/07/18 Javascript
在vue项目中利用popstate处理页面返回的操作介绍
2020/08/06 Javascript
浅谈vue使用axios的回调函数中this不指向vue实例,为undefined
2020/09/21 Javascript
使用Python脚本实现批量网站存活检测遇到问题及解决方法
2016/10/11 Python
Python中selenium实现文件上传所有方法整理总结
2017/04/01 Python
python中set()函数简介及实例解析
2018/01/09 Python
python五子棋游戏的设计与实现
2019/06/18 Python
如何获取Python简单for循环索引
2019/11/21 Python
PyCharm Anaconda配置PyQt5开发环境及创建项目的教程详解
2020/03/24 Python
python数据分析工具之 matplotlib详解
2020/04/09 Python
HTMl5的存储方式sessionStorage和localStorage详解
2014/03/18 HTML / CSS
世界排名第一的万圣节服装店:Spirit Halloween
2018/10/16 全球购物
部队学习十八大感言
2014/01/11 职场文书
带病坚持工作事迹
2014/05/03 职场文书
走群众路线剖析材料
2014/10/09 职场文书
《角的初步认识》教学反思
2016/02/17 职场文书
pandas中对文本类型数据的处理小结
2021/11/01 Python
JavaScript 事件捕获冒泡与捕获详情
2021/11/11 Javascript