如何提交輸入作爲一個數組jQuery的

Question

我有以下HTML：

<div id="tagType1"> 
    <input id="tag1" name="tagType1" value="tag1" type="checkbox" /> 
    <input id="tag2" name="tagType1" value="tag2" type="checkbox" /> 
    <input id="tag3" name="tagType1" value="tag3" type="checkbox" /> 
    <input id="tag4" name="tagType1" value="tag4" type="checkbox" /> 
</div> 

<div id="tagType2"> 
    <input id="tag5" name="tagType2" value="tag5" type="checkbox" /> 
    <input id="tag6" name="tagType2" value="tag6" type="checkbox" /> 
    <input id="tag7" name="tagType2" value="tag7" type="checkbox" /> 
    <input id="tag8" name="tagType2" value="tag8" type="checkbox" /> 
</div> 

而下面的jQuery：

$.get($("#filter form").attr("action") + "/count", function (data, textStatus, jqXHR) { 
     $('#workCount span').text(data.toString()); 
    }); 

，按照下述方式：

public JsonResult Count(string[] tagType1 = null, string[] tagType2 = null) 
{ 
    // Do something 
} 

我的問題是，如何分組來自我的兩個容器內的輸入jQuery

Answer 1

嘗試使用$（「：input」）。serializeArray（）;

.serializeArray（）返回：數組

其編碼的一組表格的元素作爲名稱和值的數組。

http://api.jquery.com/serializeArray/

Answer 2

可以使用traditional: true

string[] tagType1 = //ALL OF THE TAG ONE COLLECTIONS 
string[] tagType2 = //ALL OF THE TAG TWO COLLECTIONS 

var params = { data2: tagType1, data2: tagType2 }; 
    $.ajax({ 
      type: "GET", 
      url: "yoururl", 
      data: params, 
      dataType: "json", 
      traditional: true 
     }); 

操作：

public JsonResult Count(string[] data1, string[] data2) 
{ 
    // Do something 
}