JSFiddle - React, Tailwind, and code Playground

HTML

<input type="checkbox"/>
<input type="checkbox"/>
<input type="checkbox"/>
<input type="checkbox"/>


<div id="checkme">Check All</div>
<div id="uncheckme">Uncheck All</div>

JavaScript

function checkedAll(isChecked) {
        var c = document.querySelectorAll('input[type="checkbox"]');
    
        for (var i = 0; i < c.length; i++){
            c[i].checked = isChecked;
        }
    }

checkme.addEventListener('click', function(){
   checkedAll(true);
});

uncheckme.addEventListener('click', function(){
   checkedAll(false);
});