$.fn.serializeObject = function () {var obj = {};var count = 0;$.each(this.serializeArray(), function (i, o) {var n = o.name, v = o.value;count++;obj[n] = obj[n] === undefined ? v: $.isArray(obj[n]) ? obj[n].concat(v): [obj[n], v];});//obj.nameCounts = count + "";//表單name個數return JSON.stringify(obj);};調用示例:var serStr = $('#form1').serializeObject();

上面的插件，不能適用于有多個值的輸入控件，例如復選框、多選的select。下面，我將插件做進一步的修改，讓其支持多選。代碼如下：

(function($){ $.fn.serializeJson=function(){ var serializeObj={}; var array=this.serializeArray(); var str=this.serialize(); $(array).each(function(){ if(serializeObj[this.name]){ if($.isArray(serializeObj[this.name])){ serializeObj[this.name].push(this.value); }else{ serializeObj[this.name]=[serializeObj[this.name],this.value]; } }else{ serializeObj[this.name]=this.value; } }); return serializeObj; }; })(jQuery);

歡迎大家加入QQ群：?15129679?討論問題

實例下載

總結

以上是生活随笔為你收集整理的jquery将表单序列化json对象的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。