JSFiddle - React, Tailwind, and code Playground

HTML

<body>
          <form action="" method="get" id="select">   
          <input name="column" type="checkbox" value="1" checked />  
          <input name="column" type="checkbox" value="2" checked />  
          <input name="column" type="checkbox" value="3" checked /> 
          </form>
          
          <table border="1" id="table">   
          <tr>     
              <td>000000</td> 
              <td>111111</td>     
              <td>222222</td>  
          </tr>   
          <tr>     
              <td>000000</td> 
              <td>111111</td>   
              <td>222222</td> 
          </tr>   
          <tr>   
              <td>000000</td> 
              <td>111111</td>   
              <td>222222</td>  
          </tr>
          </table> 
          
      </body>

CSS

td{ display: none;
}    
.hide{display:hide;}   
.show{ display: block; }

JavaScript

$(document).ready(function(){        
        $("#select input[type='checkbox']").click(function(){
           $('#table td:nth-child('+$(this).val()+')').toggle("slow");     
        });     
    });