JSFiddle - React, Tailwind, and code Playground

HTML

<input type="checkbox" name="all">
<input type="checkbox" name="one1">
<input type="checkbox" name="one2">
<input type="checkbox" name="one3">
<input type="checkbox" name="one4">
<input type="checkbox" name="one5">
<input type="checkbox" name="one6">
<input type="checkbox" name="one7">

JavaScript

$(document).ready(function () {
    $('input[name="all"]').change(function () {
        var checkables = $('input[name^="one"]');

        if ($(this).is(':checked')) {
            checkables.attr('checked', true);
        } else {
            checkables.removeAttr('checked');
        }
    });
});