JSFiddle - React, Tailwind, and code Playground

HTML

<input type="checkbox" class="chk_boxes" label="check all"  />check all

<input type="checkbox" class="chk_boxes1" name="temp"  />
<input type="checkbox" class="chk_boxes1" name="temp"  />
<input type="checkbox" class="chk_boxes1" name="temp"  />
<input type="checkbox" class="chk_boxes1" name="temp"  />
<input type="checkbox" class="chk_boxes1" name="temp"  />
<input type="checkbox" class="chk_boxes1" name="temp"  />
<input type="checkbox" class="chk_boxes1" name="temp"  />
<input type="checkbox" class="chk_boxes1" name="temp"  />

JavaScript

$(document).ready(function() {
    $('.chk_boxes').click(function(){

        $('.chk_boxes1').attr('checked','checked')


    })
});