JSFiddle - React, Tailwind, and code Playground

HTML

Opción Global:
<input class="inputradioA" type="checkbox" name="radio">A
<input class="inputradioB" type="checkbox" name="radio">B
<input class="inputradioC" type="checkbox" name="radio">C
<br><br> 
<table border="1px" id="tabla">
           <tr>
              <td><input class="inputradioA" type="checkbox">A</td>
              <td><input class="inputradioB" type="checkbox">B</td>
              <td><input class="inputradioC" type="checkbox">C</td>
          </tr>
          <tr>
              <td><input class="inputradioA" type="checkbox">A</td>
              <td><input class="inputradioB" type="checkbox">B</td>
              <td><input class="inputradioC" type="checkbox">C</td>
          </tr>
           <tr>
              <td><input class="inputradioA" type="checkbox">A</td>
              <td><input class="inputradioB" type="checkbox">B</td>
              <td><input class="inputradioC" type="checkbox">C</td>
          </tr>
        </table>

JavaScript

jQuery(document).ready(function(){

$('input:checkbox[name="radio"]').change(function(){
		var clase=$(this).attr("class");
    if ($(this).prop('checked')){
      $('#tabla tr td input:checkbox[class="'+clase+'"]').each(function() {
          $(this).prop("checked", "checked");
      });
    }
    else{
    	 $('#tabla tr td input:checkbox[class="'+clase+'"]').each(function() {
          $(this).prop("checked", "");
      });
    }

    
});

});