JQUERY: get the id's of the checked and not checked checkBox

Question

I have this not so many checkboxes:

 MANGO



        

Answer 1

This can be done using .map, though in this case it is not really different from using .each:

$(":checkbox").change(function() {
    var notChecked = [], checked = [];
    $(":checkbox").map(function() {
        this.checked ? checked.push(this.id) : notChecked.push(this.id);
    });
    alert("checked: " + checked);
    alert("not checked: " + notChecked);
});

You can test it here.