JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <label for=sada1><input id=sada1 type="checkbox"> Celá sada</label>
    <div>
        <input type="checkbox">
        <input type="checkbox">
        <input type="checkbox">
        <input type="checkbox">
        <input type="checkbox">
    </div>        
</div>
    <hr>        
<div>
    <label for=sada2><input id=sada2 type="checkbox"> Celá sada</label>
    <div>
        <input type="checkbox">
        <input type="checkbox">
        <input type="checkbox">
        <input type="checkbox">
        <input type="checkbox">
    </div>        
</div>

JavaScript

$("label > input").click(function() {
    $(this).closest('div').find("div input").prop('checked', this.checked);
});

$("div > input").click(function() {
    var zaskrtnuty = true;
    var inputy = this.parentNode.getElementsByTagName("input");
    for (var i = 0; i < inputy.length; i++) {
        if (!inputy[i].checked) zaskrtnuty = false;
    }
    var nadrazeny = this.parentNode.parentNode.getElementsByTagName("input")[0];
    nadrazeny.checked = zaskrtnuty;
});