jQuery序列化表单为JSON对象详解编程语言

input type="radio" name="sex" value="1" 男 input type="radio" name="sex" value="0" 女 /td /tr td 年龄: /td select name="age" option value="20" 20 /option option value="21" 21 /option option value="22" 22 /option /select /td /tr td 爱好 /td input type="checkbox" value="basketball" name="hobby" 篮球 input type="checkbox" value="volleyball" name="hobby" 排球 input type="checkbox" value="football" name="hobby" 足球 input type="checkbox" value="earth" name="hobby" 地球 /td /tr td colspan="2" input type="button" id="ajaxBtn" value="提交" / /td /tr /table /form

 script type="text/javascript" 

 $(function() { 

 $("#ajaxBtn").click(function() { 

 var params = $("#myform").serializeObject(); //将表单序列化为JSON对象 

 console.info(params); 

 $.fn.serializeObject = function() { 

 var o = {}; 

 var a = this.serializeArray(); 

 $.each(a, function() { 

 if (o[this.name]) { 

 if (!o[this.name].push) { 

 o[this.name] = [ o[this.name] ]; 

 o[this.name].push(this.value || ); 

 } else { 

 o[this.name] = this.value || ; 

 }); 

 return o; 

 /script 

原创文章，作者：Maggie-Hunter，如若转载，请注明出处：https://blog.ytso.com/8531.html

cjava