JSFiddle - React, Tailwind, and code Playground

HTML

<body>

            


<form >    <fieldset>
        

        <div>
                <h1> Task for assignedPSUser: <span style="color: #efa53a;font-weight:bold; ">abenitez</span></h1>
            <input type="button" data-isChecked ="false"   id="checkAllButton" class="checkAllButton" value="check all" />
            <table id="example" class="tablesorter" style="width: 500px">
                

                <thead>
                    <tr>
                        <td class="filter"></td>
                        <td class="filter"></td>
                        <td class="filter"></td>
                        <td class="filter"></td>
                        <td class="filter"></td>
                        <td class="filter"></td>
                        <td class="filter"></td>
                        <td class="filter"></td>
                        <td class="filter"></td>
                    </tr>
                    <tr>
                        <th scope="col">Reassign</th>
                        <th scope="col">CVSID</th>
                        <th scope="col">TaskID</th>
                        <th scope="col">Short Description</th>
                        
                        <th scope="col">Section Cd</th>
                        <th scope="col">Task Type</th>
                        <th scope="col">Create Date</th>
                        <th scope="col">assigned PS User</th>
                        <th scope="col">assign User ID</th>
                    </tr>

                </thead>

                <tfoot>
                <tr>
                    <th></th>
                    <th></th>
                    <th></th>
                    <th></th>
                    <th></th>
                    <th></th>
                    <th></th>
                    <th></th>
                    <th></th>
                </tr>
            </tfoot>
                <tbody>

                        <tr>

                            <td align="center"><input...

JavaScript

$('.checkAllButton').click(function () {
            if ('check all' == $(this).val()) {
                $('input:checkbox').prop('checked', 'checked');
                $(this).val('uncheck all');
            } else {
                $('input:checkbox').removeProp('checked');
                $(this).val('check all');
            }
        });