JSFiddle - React, Tailwind, and code Playground

HTML

<div>click on all to check/uncheck</div>
<ul>
    <li><input type='checkbox' class='all' checked='checked'>all</input></li>
    <li><input type='checkbox' class='box' checked='checked'>test1</input></li>
       <li><input type='checkbox' class='box' >test2</input></li>
       <li><input type='checkbox' class='box' >test3</input></li>
</ul>

JavaScript

var $b = $('.all');
$b.click('click', function() {
        var isChecked = $b.is(':checked');
        $('.box').attr('checked', isChecked);
});