SOURCE

var j_cball = document.getElementById('j_cbAll');
j_cbAll.onclick = function () {
  var j_tb = document.getElementById('j_tb');
  var inputs = j_tb.getElementsByTagName('input');
  for (var i = 0; i < inputs.length; i++) {
    var input = inputs[i];
    if(input.type === 'checkbox') {
      input.checked = this.checked;
    }
  }
}

<div class="wrap">
  <table>
    <thead>
     <tr>
       <th>
         <input type="checkbox" id="j_cbAll"/>
       </th>
       <th>Product</th>
       <th>Price</th>
     </tr>
    </thead>
    <tbody id="j_tb">
      <tr>
        <td>
          <input type="checkbox" />
          </td>
        <td>iPhone8</td>
        <td>8000</td>
      </tr>
      <tr>
        <td>
          <input type="checkbox" />
          </td>
        <td>iPad Pro</td>
        <td>5000</td>
      </tr>
      <tr>
        <td>
          <input type="checkbox" />
        </td>
        <td>Ipad Air</td>
        <td>2000</td>
      </tr>
          <tr>
        <td>
          <input type="checkbox" />
        </td>
        <td>Apple Watch</td>
        <td>2000</td>
      </tr>
    </tbody>
  </table>
  <input type="button" value="inverse" id="btn"/>
</div>