JSFiddle - React, Tailwind, and code Playground

HTML

<table>
  <tbody>
    <tr>
      <td><input type="checkbox" name="" id="" class="checkbox"></td>
      <td><input type="checkbox" name="" id="" class="checkbox"></td>
      <td><input type="checkbox" name="" id="" class="checkbox"></td>
      <td><input type="checkbox" name="" id="" class="checkbox"></td>
      <td><input type="checkbox" name="" id="" class="checkbox"></td>
      <td><input type="checkbox" name="" id="" class="checkbox"></td>
      <td><input type="checkbox" name="" id="" class="checkbox"></td>
      <td><input type="checkbox" name="" id="" class="checkbox"></td>
      <td><input type="checkbox" name="" id="" class="checkbox"></td>
      <td><input type="checkbox" name="" id="" class="checkbox"></td>
    </tr>
    <tr>
      <td><input type="checkbox" name="" id="" class="checkbox"></td>
      <td><input type="checkbox" name="" id="" class="checkbox"></td>
      <td><input type="checkbox" name="" id="" class="checkbox"></td>
      <td><input type="checkbox" name="" id="" class="checkbox"></td>
      <td><input type="checkbox" name="" id="" class="checkbox"></td>
      <td><input type="checkbox" name="" id="" class="checkbox"></td>
      <td><input type="checkbox" name="" id="" class="checkbox"></td>
      <td><input type="checkbox" name="" id="" class="checkbox"></td>
      <td><input type="checkbox" name="" id="" class="checkbox"></td>
      <td><input type="checkbox" name="" id="" class="checkbox"></td>
    </tr>
    <tr>
      <td><input type="checkbox" name="" id="" class="checkbox"></td>
      <td><input type="checkbox" name="" id="" class="checkbox"></td>
      <td><input type="checkbox" name="" id="" class="checkbox"></td>
      <td><input type="checkbox" name="" id="" class="checkbox"></td>
      <td><input type="checkbox" name="" id="" class="checkbox"></td>
      <td><input type="checkbox" name="" id="" class="checkbox"></td>
      <td><input type="checkbox" name="" id="" class="checkbox"></td>
      <td><input type="checkbox" name=""...

JavaScript

$('.checkbox').on('change', function(event){
	  
  $(this)
  	.prop('checked', true)
    .parents()
    .siblings()
    .find('input:checkbox')
    .prop('checked', false);
   
});