JSFiddle - React, Tailwind, and code Playground

HTML

<label>Click to check / uncheck all</label>
<br /><br />
<input type="checkbox" />
<br/>
<input type="checkbox" />
<br/>
<input type="checkbox" />
<br/>
<input type="checkbox" />
<br/>
<input type="checkbox" />
<br/>
<input type="checkbox" />
<br/>

JavaScript

jQuery(document).ready(function($) {
    var $checkBoxes = $('input[type="checkbox"]');

    $('label').on('click', function() {
        var check = !$(this).data('checked');
        $checkBoxes.prop('checked', check);
        $(this).data('checked', check);
    });
});