Question

I have a checkbox that when it is clicked it submits the form to the server to store the detail. All works fine except that after the form is submitted I update a div to say submitted but the checkbox isn’t ticked. The page isn’t refreshed of course and upon page refresh it is ticked.

I thought I might be able to check the box myself as I’m using jQuery but I have a lot of these checkboxes each with a dynamic name so I’m not sure how I would call them. I thought something like:

$('input[name=("favourite" + id)]').attr('checked', true);

might work but no luck. If I don’t call the function on the checkbox being ticked the checkbox behaves normally.

Thanks for anything that could help.

Answer 1

You should break your string in order to introduce the value of the id variable into your selector, you can do it like this:

$('input[name="favourite' + id + '"]').attr('checked', true);