JSFiddle - React, Tailwind, and code Playground

by Pankaj Makwana

HTML

<input type="checkbox" name="check_uncheck" id="check_uncheck" /> Check All/Uncheck All
<br/>
<br/>
<div class="checkboxes">
  <input type="checkbox" name="check" id="check" /> Check Box 1
  <br/>
  <input type="checkbox" name="check" id="check" /> Check Box 2
  <br/>
  <input type="checkbox" name="check" id="check" /> Check Box 1
</div>

JavaScript

jQuery(document).ready(function() {
  $("#check_uncheck").change(function() {
  alert($("#check_uncheck").is("checked"));
    if ($(this).is("checked")) {
      $(".checkboxes input:checkbox").prop("checked", false);
    } else {
      $(".checkboxes input:checkbox").prop("checked", true);
    }
  })
});