Cannot set checkbox to checked using jquery

Question

I have the following javascript function. A the top of the function, I am able to detect if a checkbox is checked using $(elem).is(':checked'). Later in the function I want to wire up an onclick event in a modal window such that it will checkmark the elem's checkbox, but this does not seem to work.

Here is the function:

function toggleProductChkBx(elem,id)
    {
        if ($(elem).is(':checked')) {

        } else {

            $('#clearProductModal').on('show', function () {
                removeBtn = $(this).find('.danger');
                removeBtn.click(function () { clearProduct(id) });

                cancelBtn = $(this).find('.secondary');

                //THIS IS THE LINE THAT IS NOT WORKING
                cancelBtn.click(function () { $(elem).attr("checked", "true"); });

            })
            .modal({ backdrop: true });
        }
    }

Thanks for the help!

possible duplicate of [How do I check a checkbox with jQuery or JavaScript?](http://stackoverflow.com/questions/426258/how-do-i-check-a-checkbox-with-jquery-or-javascript) — Barmar, May 07 '13 at 00:03

score 4 · Accepted Answer · edited May 07 '13 at 00:12

4

Change

cancelBtn.click(function () { $(elem).attr("checked", "true"); });

To

cancelBtn.click(function () { $(elem).prop("checked", true); });

edited May 07 '13 at 00:12

Starx

75,098
44
181
258

answered May 07 '13 at 00:03

Zeb Rawnsley

2,170
1
20
33

`.prop('checked', true)` would be better. – Blender May 07 '13 at 00:06
That did it! Thanks so much. – Julian Dormon May 07 '13 at 00:31

score 0 · Answer 2 · answered May 07 '13 at 00:06

0

try this:

$(elem).attr("checked", true);

answered May 07 '13 at 00:06

Mamuz

1,700
12
14

Cannot set checkbox to checked using jquery

2 Answers2