Check Box 모두 체크/모두 해제 구현하기

체크박스 모두 체크 및 모두 해제 기능 구현연습
( 단, 하나라도 해제되면 모두 체크도 해제 되어야함!)

$("input:checkbox[name='agree']").click(function (){
  let checkboxes = $("input:checkbox[name='agree']").length;
  let checked = $("input:checkbox[name='agree']:checked").length;

  if (checkboxes === checked ){
    $("input:checkbox[id='selectall']").prop("checked", true)
  }else {
    $("input:checkbox[id='selectall']").prop("checked", false)
  }
})

$('#selectall').click(function (){
  if($("input:checkbox[id='selectall']").prop("checked")){
    $("input[type=checkbox]").prop("checked",true);
  }else{
    $("input[type=checkbox]").prop("checked",false);
  }
})