JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
        <td>
            <input type="radio" name="selectType" value="byName" />By Name</td>
        <td>
            <input type="radio" name="selectType" value="byTitle" />By Title</td>
    </tr>
    <tr>
        <td>
            <label><input type="checkbox" class="name" name="selectName1" />Name 1</label></td>
    </tr>
    <tr>
        <td>
            <label><input type="checkbox" class="name" name="selectName2" />Name 2</label></td>
    </tr>
    <tr>
        <td>
            <label><input type="checkbox" class="title" name="selectTitle1" />Title 1</label></td>
    </tr>
    <tr>
        <td>
            <label><input type="checkbox" class="title" name="selectTitle2" />Title 2</label></td>
    </tr>
</table>

JavaScript

$('.name').closest('label').toggle(false);
    $('.title').closest('label').toggle(false);

    $('input[name=selectType]').change(function () {
        var byNameSelected = $(this).val() == 'byName';
        $('.name').closest('label').toggle(byNameSelected);
        $('.title').closest('label').toggle(!byNameSelected);
    });