JSFiddle - React, Tailwind, and code Playground

HTML

<button type='button' name='btn-check' id='btn-check' class='btn btn-default btn-sm' onclick='check()'>Check All</button>

<input type='checkbox' name='cb_delete[]' id='cb_delete' value='$mID'>
<input type='checkbox' name='cb_delete[]' id='cb_delete' value='$mID'>
<input type='checkbox' name='cb_delete[]' id='cb_delete' value='$mID'>
<input type='checkbox' name='cb_delete[]' id='cb_delete' value='$mID'>
<input type='checkbox' name='cb_delete[]' id='cb_delete' value='$mID'>

<script type="text/javascript">
  function check() {
    $(":checkbox").prop('checked', true);
    $("#btn-check").attr('disabled', 'disabled');
    $("#btn-uncheck").removeAttr('disabled', 'disabled');
    $("#btn-delete").removeAttr('disabled', 'disabled');
  }

</script>