JSFiddle - React, Tailwind, and code Playground

HTML

<input type="checkbox" id="checkall"/>Check all<br/>
<input type="checkbox" class="kselItems" />Check 1<br/>
<input type="checkbox" class="kselItems" />Check 2<br/>
<input type="checkbox" class="kselItems" />Check 3<br/>
<input type="checkbox" class="kselItems" />Check 4<br/>
<input type="checkbox" class="kselItems" />Check 5<br/>
<input type="checkbox" class="kselItems" />Check 5<br/>
<input type="checkbox" class="kselItems" />Check 6<br/>
<input type="checkbox" class="kselItems" />Check 7<br/>
<input type="checkbox" class="kselItems" />Check 8<br/>
<input type="checkbox" class="kselItems" />Check 9<br/>
<input type="checkbox" class="kselItems" />Check 10<br/>

JavaScript

$("#checkall").click(function() {
    $(".kselItems").attr('checked', this.checked);
});