Get all selected checkboxes

HTML

<input type="checkbox" name="num" value="1" class='myClass'/>
<input type="checkbox" name="num" value="2" />
<input type="checkbox" name="num" value="3" />
<input type="checkbox" name="num" value="4" />
<button id="btn-name">Get selected by name</button>
<button id="btn-class">Get selected by class</button>
   
<br><br>
<div id="res"></div>

JavaScript

$('#btn-name').click(function()  {
    var selected = [];                
    $("input:checkbox[name=num]:checked").each(function() {
          alert( selected.push($(this).val()));
    });
    $('#res').html(JSON.stringify(selected));
});

$('#btn-class').click(function()  {
    var selected = [];                
    $('.myClass:checkbox:checked').each(function() {
        selected.push($(this).val());
    });
    $('#res').html(JSON.stringify(selected));
});