JSFiddle - React, Tailwind, and code Playground

HTML

<div id="jqcc">
<table id="mytable">
<thead>
      <tr>
         <th><INPUT type="checkbox" id="chkAll"/></th>
         <th>Check All</th>
      </tr>
      <tr>
              <th></th>
      </tr>
</thead>

<tr><td><input type='checkbox' name='name0' /></td><td>200115</td></tr>
<tr><td><input type='checkbox' name='name0' /></td><td>200116</td></tr>
<tr><td><input type='checkbox' name='name1' /></td><td>200117</td></tr>
<tr><td><input type='checkbox' name='name2' /></td><td>200118</td></tr>
</table>
<input type="submit" id="myBtn" text="Ace it!">
</div>

JavaScript

var tableControl = document.getElementById('mytable');
$('#myBtn').click(function() {

var arrayOfValues = []
    $('input:checkbox:checked', tableControl).each(function() {
            arrayOfValues.push($(this).closest('tr').find('td:last').text());
        }).get();
    alert(arrayOfValues);
});


$('#chkAll').change(function() {
  $('input:checkbox').not(this).prop('checked', this.checked);
});