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

Overview: Get all selected checkbox values jQuery. This post explains how to get all the ids of selected checkboxes and stored them in an array variable. 

First, we use jQuery .each() method which iterates over all checkboxes, then we use jQuery .is(“:checked”) which returns a boolean value i.e whether it's checked or unchecked.  

If it's checked .i.e return “true”  then we use jQuery  .attr() method to fetch the Id attribute of the corresponding checkbox and stored it in an array variable, here ‘arr’ is our array variable.    

jQuery Code to get all selected Checkbox values:

$("#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 jQuery .each() and .attr() we are able to get all selected checkbox values, and save them into an array variable.