JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <li class="input">
      <input type="checkbox" id="select-all" name="selectAll" value=""/> All
    </li>
    <li class="input">
      <input type="checkbox" name="practice" value=""/> 1
    </li>
    <li class="input">
      <input type="checkbox" name="filename" value=""/> 2
    </li>
    <li class="input">
      <input type="checkbox" name="comment" value=""/> 3
    </li>
  </div>

JavaScript

$("#select-all").on("click", function() {
  var all = $(this);
  $('input:checkbox').each(function() {
       //$(this).prop("checked", all.prop("checked", false));
       $(this).prop("checked", false);
  });
});