JSFiddle - React, Tailwind, and code Playground

HTML

<label><input name="todoscol" type="checkbox" id="todoscol">aa</label>

<div id="checkboxlist">
    <input name="col[]" type="checkbox" id="cola" value="1">
    <input name="col[]" type="checkbox" id="cola" value="2">
    <input name="col[]" type="checkbox" id="cola" value="3">
    <input name="col[]" type="checkbox" id="cola" value="4"> 
</div>

JavaScript

$('#todoscol:checkbox').click(function() {
    if ($(this).attr('checked')) {
        $('#cola:checkbox').attr('checked');
    } else {
        $('#cola:checkbox').removeAttr('checked');
    }
});