<script
  src="https://code.jquery.com/jquery-2.2.4.min.js"
  integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44="
  crossorigin="anonymous"></script>
<script>
  $(".select-all").on('change',function() {
    if ($(this).is(':Checked')) {
            $('.chk-box').prop('checked', true);
    } else {
            $('.chk-box').prop('checked', false);
        }
  });

  $(".chk-box").click(function() {
    if ($(this).not(':Checked')) {
      $(".select-all").prop("checked", false);
    }
  });
</script>