JSFiddle - React, Tailwind, and code Playground

HTML

<label>
    <input type='checkbox' id='checkAll' name='name1' class='selectall' />
</label>
<label>
    <input type="checkbox" name="name2" value="1" class='check'/>1</label>
<label>
    <input type="checkbox" name="name2" value="2" class='check'/>2</label>
<label>
    <input type="checkbox" name="name2" value="3" class='check'/>3</label>
<label>
    <input type="checkbox" name="" value="4" class='check1'/>4</label>
<label>
    <input type="checkbox" name="" value="5" class='check1'/>5</label>

JavaScript

$("#checkAll").change(function () {
    if ($(this).is(':checked')) {
        $(".check1").prop('checked', true);
    }else{
        $(".check1").prop('checked', false);
    }

});