JSFiddle - React, Tailwind, and code Playground

by lonewolfs

HTML

<div id="checkboxholder">
<input type="checkbox" class="hello" id="selectall" /><br />
<input type="checkbox" class="hello normal" /><br />
<input type="checkbox" class="hello normal" /><br />
<input type="checkbox" class="hello normal" /><br />
<input type="checkbox" class="hello normal" />
</div>

JavaScript

$("#checkboxholder").on("click","#selectall",function(){
    var check = $(this).prop("checked");
    if(check === true){    
        $(".normal").prop("checked",true);
    } else {       
        $(".normal").prop("checked",false);
    }
});