JSFiddle - React, Tailwind, and code Playground

by Nitin Singh Chouhan

HTML

<table>
    <thead>
        <tr>
        <td> 
        <input id="selectAll" type="checkbox" />
        </td>
        <td>Row Text</td>
        </tr>
    </thead>
    <tr>
        <td><input type="checkbox" /></td>
        <td>Test 1</td>
    </tr>
    <tr>
        <td><input type="checkbox" /></td>
        <td>Test 2</td>
    </tr>
    <tr>
        <td><input type="checkbox" /></td>
        <td>Test 3</td>
    </tr>
</table>

JavaScript

$('#selectAll').click(function(e){
    var table= $(e.target).closest('table');
    $('td input:checkbox',table).prop('checked',this.checked);
});