jquery check-uncheck checkbox [duplicate]

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);                
            }
        });
    });

adeneo · Accepted Answer · 2017-08-25 10:54:19Z

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, 2017 at 10:54

adeneo

319k29 gold badges410 silver badges392 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

ZeroZek Over a year ago

How would I set the attribute to checked="checked", because now it's not?

adeneo Over a year ago

The attribute shouldn't matter, the property is set, which is what is important

ZeroZek Over a year ago

When you send form to PHP file or controller, this value is then marked as "checked" right?

adeneo Over a year ago

Yes, when you submit the form it's the property that counts, not the attribute

Collectives™ on Stack Overflow

jquery check-uncheck checkbox [duplicate]

1 Answer 1

4 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Linked

Related