JSFiddle - React, Tailwind, and code Playground

HTML

<table>
<tr>
  <td><input type="radio" name="A" class="first"/>1</td>
  <td><input type="radio" name="A" class="second"/>2</td>
</tr>
<tr>
  <td><input type="radio" name="B" class="first"/>1</td>
  <td><input type="radio" name="B" class="second"/>2</td>
</tr>
<tr>
  <td><input type="radio" name="C" class="first"/>1</td>
  <td><input type="radio" name="C" class="second"/>2</td>
</tr>
</table>
<input type="radio" name="all" class="allFirst" onclick="checkAll($(this));"/>Select All #1
<input type="radio" name="all" class="allSecond" onclick="checkAll($(this));"/>Select All #2

JavaScript

function checkAll(e) {
 if(e.hasClass('allFirst')) {
  $('.first').attr('checked', 'checked');
 } else {
  $('.second').attr('checked', 'checked');
 }
}