jQuery: Get all selected Checkbox values and save in array.

Overview: Get all selected checkbox values jQuery. This post explain how to get all the ids of selected checkbox and stored it in a array variable. First we use $.each() which loop over all checkboxes , then we use $.is(“:checked”) which returns boolean value i.e whether its checked or unchecked.  If its checked .i.e return “true”  then we use jQuery  $.attr() method to fetch ID attribute of corresponding checkbox and stored it in array variable , here ‘arr’ is our array variable.    

JQUERY:

$("#btnGetAllSelected").on('click', function () {
    var arr = [];
    $("input[type=checkbox]").each(function () {
        var self = $(this);
        if (self.is(':checked')) {
            arr.push(self.attr("id"));
        }
    });
    console.log(arr);
}); 

 VIEW DEMO   

Conclusion: Here using $.each() and .attr() we able to get all selected checkbox values.