JSFiddle - React, Tailwind, and code Playground

HTML

<div id="selectType">
    <label><input type="checkbox" id="smallcars" name="smallcars" class="rowA" />Smallcars</label>
    <label><input type="checkbox" id="mediumcars" name="mediumcars" class="rowB" />Mediumcars</label>
    <label><input type="checkbox" id="bigcars" name="bigcars" class="rowC" />Bigcars</label>
</div>

<table class="types">
    <tr class="rowA">
        <td>Some info</td>
        <td>extra info</td>
    </tr>
    <tr class="rowB">
        <td>Some info</td>
        <td>extra info</td>
    </tr>
    <tr class="rowC">
        <td>Some info</td>
        <td>extra info</td>
    </tr>
</table>

JavaScript

$(document).ready(function() {
        
         $('#selectType :checkbox').click( function()  {
                 var getType = '.'+$(this).attr('class');
                 var checkStatus = $(this).is(':checked');
                if(checkStatus === false)
                    {
                        $(getType,'.types').hide();
                    } else {
                        $(getType,'.types').show();
                    }
         });

      });