(jQuery 插件)封装容器的表单为json对象

最新推荐文章于 2018-09-14 10:25:37 发布

最新推荐文章于 2018-09-14 10:25:37 发布 · 157 阅读

文章标签：

#jquery #json #ViewUI

javascript 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一种使用jQuery将HTML表单元素转换为JSON对象的方法。通过遍历表单中的输入、文本域及选择框等元素，并根据不同类型的表单字段获取其名称和值，最终形成一个易于处理的JSON格式。

下面代码可以把一个页面容器中的表单元素的值封装成一个json对象。
主要流程是获取页面中的表单元素，判断类型，根据类型获取nanme和value

(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);