Как проверить все дочерние флажки

Я использую тип поля cmb2 таксономия_multicheck_hierarchical для отображения своих категорий в иерархическом формате, однако у меня много терминов, и в настоящее время они находятся на 3 уровнях в иерархии.

Я хотел бы проверить все дочерние термины, если отмечен родительский термин, и снять отметку со всех дочерних терминов, если родительский термин не отмечен.

Ниже приведена часть отображаемого html, с которой мне нужно работать:

<ul class = "cmb2-checkbox-list cmb2-list">
  <li><input type = "checkbox" class = "cmb2-option" name = "supplier_location[]" id = "supplier_location1" value = "england" data-hash = "6u5db7f23u40"> <label for = "supplier_location1">England</label></li>
  <li class = "cmb2-indented-hierarchy">
    <ul>
      <li><input type = "checkbox" class = "cmb2-option" name = "supplier_location[]" id = "supplier_location2" value = "east-midlands" data-hash = "6u5db7f23u40"> <label for = "supplier_location2">East Midlands</label></li>
      <li class = "cmb2-indented-hierarchy">
        <ul>
          <li><input type = "checkbox" class = "cmb2-option" name = "supplier_location[]" id = "supplier_location3" value = "derbyshire" data-hash = "6u5db7f23u40"> <label for = "supplier_location3">Derbyshire</label></li>
          <li><input type = "checkbox" class = "cmb2-option" name = "supplier_location[]" id = "supplier_location4" value = "leicestershire" data-hash = "6u5db7f23u40"> <label for = "supplier_location4">Leicestershire</label></li>
          <li><input type = "checkbox" class = "cmb2-option" name = "supplier_location[]" id = "supplier_location5" value = "lincolnshire" data-hash = "6u5db7f23u40"> <label for = "supplier_location5">Lincolnshire</label></li>
          <li><input type = "checkbox" class = "cmb2-option" name = "supplier_location[]" id = "supplier_location6" value = "northhamptonshire" data-hash = "6u5db7f23u40"> <label for = "supplier_location6">Northhamptonshire</label></li>
          <li><input type = "checkbox" class = "cmb2-option" name = "supplier_location[]" id = "supplier_location7" value = "rutland" data-hash = "6u5db7f23u40"> <label for = "supplier_location7">Rutland</label></li>
        </ul>
      </li>
      <li><input type = "checkbox" class = "cmb2-option" name = "supplier_location[]" id = "supplier_location8" value = "east-of-england" data-hash = "6u5db7f23u40"> <label for = "supplier_location8">East of England</label></li>
      <li class = "cmb2-indented-hierarchy">
        <ul>
          <li><input type = "checkbox" class = "cmb2-option" name = "supplier_location[]" id = "supplier_location9" value = "bedfordshire" data-hash = "6u5db7f23u40"> <label for = "supplier_location9">Bedfordshire</label></li>
          <li><input type = "checkbox" class = "cmb2-option" name = "supplier_location[]" id = "supplier_location10" value = "cambridgeshire" data-hash = "6u5db7f23u40"> <label for = "supplier_location10">Cambridgeshire</label></li>
          <li><input type = "checkbox" class = "cmb2-option" name = "supplier_location[]" id = "supplier_location11" value = "essex" data-hash = "6u5db7f23u40"> <label for = "supplier_location11">Essex</label></li>
          <li><input type = "checkbox" class = "cmb2-option" name = "supplier_location[]" id = "supplier_location12" value = "hertfordshire" data-hash = "6u5db7f23u40"> <label for = "supplier_location12">Hertfordshire</label></li>
          <li><input type = "checkbox" class = "cmb2-option" name = "supplier_location[]" id = "supplier_location13" value = "norfolk" data-hash = "6u5db7f23u40"> <label for = "supplier_location13">Norfolk</label></li>
          <li><input type = "checkbox" class = "cmb2-option" name = "supplier_location[]" id = "supplier_location14" value = "suffolk" data-hash = "6u5db7f23u40"> <label for = "supplier_location14">Suffolk</label></li>
        </ul>
      </li>
    </ul>
  </li>
  <li><input type = "checkbox" class = "cmb2-option" name = "supplier_location[]" id = "supplier_location15" value = "scotland" data-hash = "6u5db7f23u40"> <label for = "supplier_location15">Scotland</label></li>
</ul>

Код javascript, который я попытался, выглядит следующим образом:

jQuery( document ).ready(function( $ ) {

    $('#supplier_location_container input[type = "checkbox"]').click(function(){
        $('input[type = "checkbox"]', $(this).closest('li').next()).prop( 'checked', true );
    });

    $('#supplier_location_container input[type = "checkbox"]:checked').click(function(){
        $('input[type = "checkbox"]', $(this).closest('li').next()).prop( 'checked', false );
    });


});

Однако мой код содержит много ошибок! это не позволяет мне снять все дочерние поля, когда я снова проверяю родительский элемент, а также, когда вы устанавливаете любой флажок на последнем уровне в глубине иерархии, он также устанавливает флажок рядом с ним на том же уровне!

ОБНОВИТЬ:

Я чувствую, что делаю успехи, но я еще не спокоен. Мой новый код позволяет мне проверять все дочерние флажки из родительского флажка, однако, если я попытаюсь установить какой-либо флажок внутри последнего уровня в глубине моей иерархии, он всегда будет проверять флажок непосредственно под ним. Например, если вы отметите чекбокс с идентификатором supplier_location3, он также проверит supplier_location 4!

$('#supplier_location_container input[type = "checkbox"]').click(function(){

        if ($(this).is(':checked')){
            $('input[type = "checkbox"]', $(this).closest('li').next()).prop( 'checked', true );
        }else{
            $('input[type = "checkbox"]', $(this).closest('li').next()).prop( 'checked', false );
        }


    });