Limit array checkboxes

Question

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][]" />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

...

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.

I found this, I hoe its useful to you.

SIFE
– SIFE

2011-04-08 20:34:41 +00:00
Commented Apr 8, 2011 at 20:34 — SIFE
– SIFE, Commented Apr 8, 2011 at 20:34

Richard Marskell - Drackir · Accepted Answer · 2011-04-08 20:32:53Z

1

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.

answered Apr 8, 2011 at 20:32

Richard Marskell - Drackir

13.4k3 gold badges37 silver badges55 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

José Pablo Orozco Marín Over a year ago

Thank you Drackir. But if the ID is passed in the query string like: ?attachment_id=29 how can I capture that variable. Thanks.

Richard Marskell - Drackir Over a year ago

@José Pablo Orozco Marín: I'm not sure I understand completely. Can you not populate it with a server-side language like php or ASP.Net? Or is it loaded using AJAX?

José Pablo Orozco Marín Over a year ago

nope, is wordpress, and the ID is passed by query string: attachment_id=29 where 29 is an attachment/post ID. And im using Jquery to validate those checkboxes, but I cdont know how to capture the query string with Jquery.

José Pablo Orozco Marín Over a year ago

I think im going to try: github.com/allmarkedup/jQuery-URL-Parser Thank you Drackir.

Collectives™ on Stack Overflow

Limit array checkboxes

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related