如何为数组命名为serializeArray()

Question

我有以下HTML代码：

<input type="checkbox" name="search-form[filters][category][12]" value="cat-12" autocomplete="off" checked="checked" />
<input type="checkbox" name="search-form[filters][category][14]" value="cat-14" autocomplete="off" checked="checked" />

当我像这样使用jQuery函数serializeArray()时：

var $postForm = $("#myForm");
console.dir( $postForm.serializeArray() );

我拿到了这个：

[
  {
    "name": "search-form[filters][category][12]",
    "value": "cat-12"
  },
  {
    "name": "search-form[filters][category][14]",
    "value": "cat-14"
  }
]

我怎么能得到这个：

[
    {
      "search-form"{
             "filters" : {
                   "category" : {
                            "12" : { "value" : "cat-12" },
                            "14" : { "value" : "cat-14" }
                    }
              }  
         }    
    }
]

Answer 1

遵循git存储库可以解决您的问题。

https://github.com/marioizquierdo/jquery.serializeJSON

支持表单输入、文本区域和选择标记。可以使用吸引嵌套语法指定嵌套属性和数组。