Get all checked checkboxes in certain div by click

Question

I have a custom asp.net control which contains some checkBoxes. I know how to get the checkBox, that was clicked

$('#customer-category-control input:checkbox').click(function(event)
 {   
   var el =  $(this).attr('name');
 };

Suggest me, please, how to get only all checked checkBoxes by click and make a JSON object from their names.

Answer 1

var names=[];
$('#customer-category-control input[type="checkbox"]:checked').each(function (i, el){
    names.push(el.name);
    });
console.log(names); // => ['foo','bar'...]

Answer 2

Try this:

var obj = [];
$('#customer-category-control input[type=checkbox]:checked').each(function(index, value) {
    obj.push($(this).attr("name"));
});

Answer 3

    $(document).ready(function ()  
        {
           $('#customer-category-control input:checkbox').click(function(event)
               {
               var obj = [];
               $('#customer-category-control input[type=checkbox]:checked').each(function(index, value)
                   {  obj.push($(this).attr("name"));      });
alert(obj);

           });
        });