JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr><td><input type="checkbox" id="selectAll"/></td><td>CheckAll</td></tr>
    <tr><td><input type="checkbox"/></td><td></td></tr>
    <tr><td><input type="checkbox"/></td><td></td></tr>
    <tr><td><input type="checkbox"/></td><td></td></tr>
</table>

JavaScript

jQuery(document).ready(function() {
   jQuery('#selectAll').click(function(){ 
   jQuery("input[type='checkbox']").prop('checked', jQuery('#selectAll').is(':checked')); }) 
});