Having trouble checking a variable checkbox with jQuery

Question

I have the following checkboxes:

<div class="row">
    <div class="large-2 columns"><input  id="contactTypesCheckbox[12]" name="contactTypesCheckbox[12]" class="contactTypesCheckbox" type="checkbox" value="Billing" />&nbsp;Billing</div>
    <div class="large-2 columns"><input  id="contactTypesCheckbox[15]" name="contactTypesCheckbox[15]" class="contactTypesCheckbox" type="checkbox" value="Creative" />&nbsp;Creative</div>
... etc ...
</div>

Onload, I do some ajax and I pull down json that includes an array of items indicating which checkboxes should be checked.

        $.each(data.contactTypes, function(key, contactType) {
            // key is = 15 in my test
            $('#contactTypesCheckbox[key]').prop('checked', true);
        });

I would therefore expect contactTypesCheckbox[15] to be checked, but it isn't, with no error.

What am I doing wrong?

Thank you so much

Don't have [] in the IDs. It is only useful in name

mplungjan
– mplungjan

2013-05-30 19:58:34 +00:00
Commented May 30, 2013 at 19:58 — mplungjan
– mplungjan, Commented May 30, 2013 at 19:58
@mplungjan.... it's useful when selecting by id...

Colleen
– Colleen

2013-05-30 19:59:15 +00:00
Commented May 30, 2013 at 19:59 — Colleen
– Colleen, Commented May 30, 2013 at 19:59

Community · Accepted Answer · 2017-05-23 11:57:23Z

4

Variables are not expanded inside strings in Javascript, you need to concatenate:

$('#contactTypesCheckbox\\['+key+'\\]').prop('checked', true);

You also need to escape the brackets because otherwise they have special meaning in selector syntax.

3 Comments

Karl-André Gagnon Over a year ago

Actually, isnt it just not working since [] mean something in CSS/Jquery? Like $('#id[name]') will select an object #id with the attribute name?

Barmar Over a year ago

@Karl-AndréGagnon Good catch, I fixed to escape the brackets (yes, I think this works).

Lurk21 Over a year ago

Thanks, that worked, I should have thought about the expansion issue, but I wouldn't have caught the escapes

Collectives™ on Stack Overflow

Having trouble checking a variable checkbox with jQuery

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related