Limit array checkboxes

If you want to prevent a user to mark more than, for example, 4 checkboxes, you can use:

$("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);

});

But if my checkboxes are an Array like:

<input type="checkbox" value="option1" id="attachments[29][subculture][]" name="attachments[29][subculture][]" />op开发者_如何学Gotion1

<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

...

How can I fix the above Jquery code to validate something like that?

where 29 is the ID of the actual post edited.

Thanks in advance.

You're supposed to use double quotes with those types of selectors. Doing it that way will allow you to specify the names you want. See below or my 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);
});

The other option you have is to add a class to each input and then use that as the selector.