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模仿msgbox提示效果代码
Jun 10 Javascript
javascript 面向对象全新理练之数据的封装
Dec 03 Javascript
Javascript 面试题随笔
Mar 31 Javascript
AngularJS的ng Http Request与response格式转换方法
Nov 07 Javascript
Vue form 表单提交+ajax异步请求+分页效果
Apr 22 Javascript
vue调用高德地图实例代码
Apr 28 Javascript
详解用Node.js写一个简单的命令行工具
Mar 01 Javascript
Vue.JS实现垂直方向展开、收缩不定高度模块的JS组件
Jun 19 Javascript
小程序转发探索示例
Feb 19 Javascript
vue数据初始化initState的实例详解
Apr 11 Javascript
javascript的惯性运动实现代码实例
Sep 07 Javascript
前端vue-cli项目中使用img图片和background背景图的几种方法
Nov 13 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
PHP5.0对象模型探索之抽象方法和抽象类
2006/09/05 PHP
PHP文件读写操作之文件读取方法详解
2011/01/13 PHP
php报表之jpgraph柱状图实例代码
2011/08/22 PHP
jsp js鼠标移动到指定区域显示选项卡离开时隐藏示例
2013/06/14 Javascript
JS阻止用户多次提交示例代码
2014/03/26 Javascript
js调试系列 源码定位与调试[基础篇]
2014/06/18 Javascript
jQuery实现每隔几条元素增加1条线的方法
2016/06/27 Javascript
基于Nodejs利用socket.io实现多人聊天室
2017/02/22 NodeJs
Node.js  REPL (交互式解释器)实例详解
2017/08/06 Javascript
vue组件jsx语法的具体使用
2018/05/21 Javascript
Vue唯一可以更改vuex实例中state数据状态的属性对象Mutation的讲解
2019/01/18 Javascript
详解Vue-Router源码分析路由实现原理
2019/05/15 Javascript
[01:20]DOTA2上海特级锦标赛现场采访:谁的ID最受青睐
2016/03/25 DOTA
[12:29]2018国际邀请赛 开幕秀
2018/08/22 DOTA
Python实例一个类背后发生了什么
2016/02/09 Python
Python内置函数 next的具体使用方法
2017/11/24 Python
Python设计模式之命令模式简单示例
2018/01/10 Python
PyQt5实现简易计算器
2020/05/30 Python
Python实现二叉树的最小深度的两种方法
2019/09/30 Python
解决pandas展示数据输出时列名不能对齐的问题
2019/11/18 Python
详解selenium + chromedriver 被反爬的解决方法
2020/10/28 Python
Python如何使用神经网络进行简单文本分类
2021/02/25 Python
HTML5之HTML元素扩展(上)—新增加的元素及使用概述
2013/01/31 HTML / CSS
澳大利亚家庭花园和DIY工具网店:VidaXL
2019/05/03 全球购物
Book Depository欧盟:一家领先的国际图书零售商
2019/05/21 全球购物
切尔西足球俱乐部官方网上商店:Chelsea FC
2019/06/17 全球购物
俄罗斯购买剧院和演唱会门票网站:Parter.ru
2019/11/09 全球购物
工程地质勘察专业大学生求职信
2013/10/13 职场文书
七夕情人节促销方案
2014/06/07 职场文书
单位接收函范文
2015/01/30 职场文书
三峡导游词
2015/01/31 职场文书
大学生个人年度总结范文
2015/02/15 职场文书
幼儿园小班教师随笔
2015/08/14 职场文书
写一个Python脚本自动爬取Bilibili小视频
2021/04/24 Python
python 进阶学习之python装饰器小结
2021/09/04 Python
CSS中使用grid布局实现一套模板多种布局
2022/07/15 HTML / CSS