<form action="#">
    <pre> 
           姓名： <input type="text" name='username'/>
           性別： <label for='sex1'> <input type="radio" name ='sex' id="sex1" value="男" checked/>男 </label> <label for="sex2"><input type="radio" name ='sex' id="sex2" value="女"/>女</label>    
           愛好： <label for="hoby1"><input type="checkbox" name="hoby" id="body1" value="reading">看書</label><label for="hoby2"><input type="checkbox" name="hoby" id="body2" value="writing">寫字</label><label for="hoby3"><input type="checkbox" name="hoby" id="body3" value="gaming">玩游戲</label>
           描述： <textarea name="remark" cols="30" rows="10"></textarea>
           <button id="objserailize" type="button">序列化為對象</button>
    </pre>
   </form>

<script>
   $.fn.serializeObject = function (){
       var o ={};
       var a = this.serializeArray();
       $(a).each(function(){
           // 判斷name是否已存在
           if(o[this.name]){
                // 判斷是否checkbox第一個(gè),如果是轉(zhuǎn)化為數(shù)組
                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;
   }

    $(function(){
        $("#objserailize").click(function(){
                var params = $('form').serializeObject();
                console.log(params);
        });

    })
</script>

輸出結(jié)果