限制陣列複選框

Question

如果要防止用戶標記超過，例如，4個複選框，您可以使用：

$("input[type=checkbox][name=subculture]").click(function() { 

    var bol = $("input[type=checkbox][name=subculture]:checked").length >= 4;  
    $("input[type=checkbox][name=subculture]").not(":checked").attr("disabled",bol); 

}); 

但如果我的複選框是一個數組，如：

<input type="checkbox" value="option1" id="attachments[29][subculture][]" name="attachments[29][subculture][]" />option1 

<input type="checkbox" value="option2" id="attachments[29][subculture][]" name="attachments[29][subculture][]" />option2 

<input type="checkbox" value="option3" id="attachments[29][subculture][]" name="attachments[29][subculture][]" />option3 

...

我該如何修復上面的Jquery代碼來驗證類似的東西？

其中29是實際編輯的帖子的ID。

在此先感謝。

Answer 1

你應該對這些類型的選擇器使用雙引號。這樣做可以讓你指定你想要的名字。請參閱下面還是我的jsfiddle example：

$("input[type=checkbox][name=\"attachments[29][subculture][]\"]").click(function() { 
    var bol = $("input[type=checkbox][name=\"attachments[29][subculture][]\"]:checked").length >= 4;  
    $("input[type=checkbox][name=\"attachments[29][subculture][]\"]").not(":checked").attr("disabled",bol); 
}); 

你有另一種選擇是一類添加到每個輸入，然後用其作爲選擇。