Getting checked checkboxes with jQuery

Question

I have a function that is supposed to catch changes to all checkboxes. It works when the boxes are clicked manually, but does not work when the toggleAll() function triggers them.

Anyway to correct this?

$(function() {
    $(":checkbox").change(function(){
    if ( this.checked ) {
        alert(this.id+' is checked');
    } else {
        alert(this.id+' is not checked');
    }
    });
});

function toggleAll() {
    var selectAllCheckbox = $("#selectAllCheckbox");
    if ( selectAllCheckbox.prop('checked') ) {
        // uncheck them all
        $("[id^=friendRequestCheckbox]").attr('checked', false);
    } else {
        // check them all
        $("[id^=friendRequestCheckbox]").attr('checked', true);
    }
}

I am running an old version of jQuery and have not updated to the new version including prop, just in case that's relevant.

Norlihazmey Ghazali · Accepted Answer · 2015-08-25 02:49:34Z

3

When changing elements programmatically, you also have to trigger the event programmatically. Try :

$("[id^=friendRequestCheckbox]").trigger('change')

edited Aug 25, 2015 at 2:49

Norlihazmey Ghazali

9,0701 gold badge26 silver badges42 bronze badges

answered Aug 25, 2015 at 2:42

Ryan

715 bronze badges

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

1 Comment

SISYN Over a year ago

Thank you, very simple and elegant solution. Will mark as answer as soon as it lets me. Thanks for the prompt answer.

Collectives™ on Stack Overflow

Getting checked checkboxes with jQuery

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related