JSFiddle - React, Tailwind, and code Playground

HTML

<form>
       <table>
             <tr class="table_head_seperator">
                <td class="grid_info" width="32px" bgcolor="#f6f6f6"><input type="checkbox" class="chk_boxes1" name="to_delete[<?PHP echo $entry['id'] ?>]"  /></td>
                <td class="grid_info" width="160px" bgcolor="#eeeeee"><span class="country_name">user name</span></td>

                <td class="grid_info" width="130px" bgcolor="#eeeeee"><span class="country_name">date created</span></td>
                <td class="grid_info" width="100px" bgcolor="#f6f6f6"><span class="country_name">username</span></td>
</tr>
           <tr class="table_head_seperator">
                <td class="grid_info" width="32px" bgcolor="#f6f6f6"><input type="checkbox" class="chk_boxes1" name="to_delete[<?PHP echo $entry['id'] ?>]"  /></td>
                <td class="grid_info" width="160px" bgcolor="#eeeeee"><span class="country_name">user name</span></td>

                <td class="grid_info" width="130px" bgcolor="#eeeeee"><span class="country_name">date created</span></td>
                <td class="grid_info" width="100px" bgcolor="#f6f6f6"><span class="country_name">username</span></td>
</tr><tr class="table_head_seperator">
                <td class="grid_info" width="32px" bgcolor="#f6f6f6"><input type="checkbox" class="chk_boxes1" name="to_delete[<?PHP echo $entry['id'] ?>]"  /></td>
                <td class="grid_info" width="160px" bgcolor="#eeeeee"><span class="country_name">user name</span></td>

                <td class="grid_info" width="130px" bgcolor="#eeeeee"><span class="country_name">date created</span></td>
                <td class="grid_info" width="100px" bgcolor="#f6f6f6"><span class="country_name">username</span></td>
</tr>
         </table>
        


<input type="checkbox" class="chk_boxes" label="check all"  />check all
</form>

JavaScript

$('.chk_boxes').click(function(){
    var chk = $(this).attr('checked')?true:false;
    $('.chk_boxes1').attr('checked',chk);
});