JSFiddle - React, Tailwind, and code Playground

by Vetrivel Samidurai

HTML

<table class="reg_table">
        <tr>
            <th></th>
            <th>8-9</th>
            <th>9-10</th>
            <th>10-11</th>
            <th>11-12</th>
            <th>12-13</th>
            <th>13-14</th>
            <th>14-15</th>
            <th>15-16</th>


        </tr>


        <tr>
            <td>Company name 1</td>
            <td><input type="checkbox" class="sss" name="Company name 1" value="Company name 1~8-9" /></td>
            <td><input type="checkbox" name="Company name 1" value="Company name 1~9-10" /></td>
            <td><input type="checkbox" name="Company name 1" value="Company name 1~10-11" /></td>
            <td><input type="checkbox" name="Company name 1" value="Company name 1~11-12" /></td>
            <td><input type="checkbox" name="Company name 1" value="Company name 1~12-13" /></td>
            <td><input type="checkbox" name="Company name 1" value="Company name 1~13-14" /></td>
            <td><input type="checkbox" name="Company name 1" value="Company name 1~14-15" /></td>
            <td><input type="checkbox" name="Company name 1" value="Company name 1~15-16" /></td>



        </tr>


        <tr>
            <td>Company name 2</td>
            <td><input type="checkbox" class="sss" name="Company name 2" value="Company name 2~8-9" /></td>
            <td><input type="checkbox" name="Company name 2" value="Company name 2~9-10" /></td>
            <td><input type="checkbox" name="Company name 2" value="Company name 2~10-11" /></td>
            <td><input type="checkbox" name="Company name 2" value="Company name 2~11-12" /></td>
            <td><input type="checkbox" name="Company name 2" value="Company name 2~12-13" /></td>
            <td><input type="checkbox" name="Company name 2" value="Company name 2~13-14" /></td>
            <td><input type="checkbox" name="Company name 2" value="Company name 2~14-15" /></td>
            <td><input type="checkbox" name="Company name 2" value="Company name 2~15-16"...

JavaScript

$(function() {
  $('input[type=checkbox]').click(function(){
          $(this).closest('tr')
          .find('input[type=checkbox]').not(this)
          .attr('disabled', this.checked);
          
          var tdIndex = $(this).closest('td').index() + 1;
        $('table').find("tr td:nth-of-type(" + tdIndex + ")")
        .find('input[type=checkbox]').not(this)
        .attr('disabled', this.checked);
  });
});