JSFiddle - React, Tailwind, and code Playground

HTML

<input type="checkbox" id="exp" />Tick All Checkbox<br/>
<input type="checkbox" value="demo1" class="subchkbox"/>No 1<br/>
<input type="checkbox" value="demo2" class="subchkbox"/>No 2<br/>
<input type="checkbox" value="demo3" class="subchkbox"/>No 3<br/>
<input type="checkbox" value="demo4" class="subchkbox"/>No 4<br/>
<input type="checkbox" value="demo5" class="subchkbox"/>No 5<br/>

JavaScript

$(document).ready(function()
{
    $('#exp').click(function(event)
    {
        $('.subchkbox').prop({
            checked: $(this).prop('checked')
        });    
    });    
});