JSFiddle - React, Tailwind, and code Playground

HTML

<p>Select All <input type="checkbox" id="ckbSelectAll"></p>

<div>
    <input type="checkbox" class="ckbChildren">
    <input type="checkbox" class="ckbChildren">
    <input type="checkbox" class="ckbChildren">
    <input type="checkbox" class="ckbChildren">
</div>

JavaScript

$(document).ready(function() {
    $("#ckbSelectAll").click(function(){
        $(".ckbChildren").attr('checked', this.checked);
    });
});