jquery check-uncheck checkbox

Question

When I click on Problem, both check boxes must select/deselect. I want to select and deselect check boxes for multiple time. It works only for selecting and then deselecting (2 times) and then is not working any more.

check boxes

My code:

 $(document).ready(function() {
        $('#CHECK-ALL').click(function() {
            if ($(this).is(':checked')) {
                $('#P').attr('checked',true);                
            } else {
                $('#P').attr('checked',false);                
            }
        });
    });

score 15 · Accepted Answer · answered Aug 25 '17 at 10:54

15

You're using the wrong method, you should be using prop

$(document).ready(function() {
    $('#CHECK-ALL').click(function() {
        if ($(this).is(':checked')) {
            $('#P').prop('checked',true);                
        } else {
            $('#P').prop('checked',false);                
        }
    });
});

Your code could be reduced to

$('#CHECK-ALL').click(function() {
    $('#P').prop('checked', this.checked);                
});

When you set the attribute, it works fine, but it doesn't change the property, so the next time you check $(this).is(':checked') it's still unchecked, as that checks the property, not the attribute, which is why it's not working.

answered Aug 25 '17 at 10:54

adeneo

312,895
29
395
388

How would I set the attribute to checked="checked", because now it's not? – ZeroZek Aug 25 '17 at 11:16
The attribute shouldn't matter, the property is set, which is what is important – adeneo Aug 25 '17 at 11:28
When you send form to PHP file or controller, this value is then marked as "checked" right? – ZeroZek Aug 25 '17 at 11:31
Yes, when you submit the form it's the property that counts, not the attribute – adeneo Aug 25 '17 at 11:38

jquery check-uncheck checkbox

1 Answers1