JSFiddle - React, Tailwind, and code Playground

HTML

<table border="1">    
        <tr>
            <td>
                <input type="checkbox" id="allcb" name="allcb" />
            </td>
            <td>Select</td>
        </tr>
    
    
        <tr>
            <td>
                <input type="checkbox" id="cb1" name="cb1" />
            </td>
            <td>Select1</td>
        </tr>
        <tr>
            <td>
                <input type="checkbox" id="cb2" name="cb2" />
            </td>
            <td>Select2</td>
        </tr>
        <tr>
            <td>
                <input type="checkbox" id="cb3" name="cb3" />
            </td>
            <td>Select3</td>
        </tr>
    
</table>

JavaScript

$('#allcb').change(function () {
    $('tr td input[type="checkbox"]').prop('checked', $(this).prop('checked'));
});