JSFiddle - React, Tailwind, and code Playground

by josekerekes

HTML

<script src="https://code.jquery.com/jquery-1.12.0.min.js"></script>
<table>
  <thead>
    <tr class="allowedIps">
      <th>
          <input type="radio" />
      </th>
      <th>
          <input type="radio" />
      </th>
      <th>
          <input type="radio" />
      </th>
      <th>
          <input type="radio" />
      </th>
    </tr>
  </thead>
  <tbody>
    <tr class="allowedIps">
      <td>
          <input type="radio" />
      </td>
       <td>
          <input type="radio" />
      </td>
       <td>
          <input type="radio" />
      </td>
       <td>
          <input type="radio" />
      </td>
    </tr>
    <tr class="allowedIps">
      <td>
          <input type="radio" />
      </td>
       <td>
          <input type="radio" />
      </td>
       <td>
          <input type="radio" />
      </td>
       <td>
          <input type="radio" />
      </td>
    </tr>
  </tbody>
</table>

JavaScript

$('thead .allowedIps input').click(function(ev) {
  if(!$(this).is(':checked')) {
    $('.allowedIps input:not("thead input")').attr('checked','checked');
   
    return false;
  }
  else {
  	 $('.allowedIps input:not("thead input")').attr('checked','');
 		 return false;
  }
});