jQuery | dynamically check checkbox

Question

please check at first Jsfiddle: http://tinyurl.com/q58dnpo this little script works exactly how I imagined. It allows you to check just one checkbox and it dynamically syncs the checkboxes. So far so good.

BUT after pasting it into a more complex script the sync-function just works exactly one time clicking A,B and C. check it out here: http://tinyurl.com/ngbj2yk

is there something wrong with the header? I am really clueless, because on Jsfiddle all works fine even the more complex code (probably I am just a noob ;))

Thanks!

score 4 · Answer 1 · answered Mar 19 '14 at 21:59

Everywhere you're currently using

$(element).attr("checked","checked");

change it to

$(element).prop("checked", true); // or false

as element.checked is a property, and the prop() method is the proper method to use, attr() will only change the attribute and cause the issues you're experiencing.

score 0 · Answer 2 · edited May 23 '17 at 12:05

You should use .prop() instead of .attr()

The following jQuery code should work just fine:

$(document).ready(function(){
    $('#eins').click(function(){
        $("#gruppe1").prop("checked", true);
    });

$('#zwei').click(function(){
        $("#gruppe2").prop("checked", true);
    });

$('#drei').click(function(){
        $("#gruppe3").prop("checked", true);
    });
});

Resources:

jQuery | dynamically check checkbox

2 Answers2