JSFiddle - React, Tailwind, and code Playground

by Ehsan Sajjad

HTML

<table id="table1">
    <thead>
        <tr>
            <th>
                <input type="checkbox" class="selectall" />
            </th>
            <th>Name</th>
        </tr>
    </thead>
    <tbody>
        <tr class="css">
            <td>
                <input type="checkbox" />
            </td>
            <td>LinkedIn</td>
        </tr>
        <tr>
            <td>
                <input type="checkbox" />
            </td>
            <td>Erum Mirza</td>
        </tr>
        <tr class="css">
            <td>
                <input type="checkbox" />
                </td>
                <td>Ehsan Sajjad</td>
        </tr>
    </tbody>
</table>

JavaScript

$(function () {

    $("#table1 input:checkbox.selectall").change(function () {

        $("#table1 tr.css input:checkbox").prop("checked", this.checked);


    });

});