JSFiddle - React, Tailwind, and code Playground

HTML

<input type="checkbox" id="chkParent" />
<div id="container">
    <input type="checkbox" class="child" />
    <input type="checkbox" class="child" />
    <input type="checkbox" class="child" />
    <input type="checkbox" class="child" />
    <input type="checkbox" class="child" />
    <input type="checkbox" class="child" />
    <input type="checkbox" class="child" />
    <input type="checkbox" class="child" />
</div>

JavaScript

$(function(){
    $("#chkParent").click(function(){
            var checkState = $(this).attr("checked");
        $("input:checkbox.child").attr("checked", checkState);
    });
});