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

Question

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

Я создал jsfiddle ниже, в котором, если мы проверяем A1, нужно проверять только a2. Все остальные операции должны быть такими же.

$('li :checkbox').on('click', function() {
  var $chk = $(this),
    $li = $chk.closest('li'),
    $ul, $parent;
  if ($li.has('ul')) {
    $li.find(':checkbox').not(this).prop('checked', this.checked)
  }
  do {

    $ul = $li.parent();
    $parent = $ul.siblings(':checkbox');
    if ($chk.is(':checked')) {
      $parent.prop('checked', $ul.has(':checkbox:not(:checked)').length == 0)
    } else {
      $parent.prop('checked', false)
    }
    if ($ul.get(0))
      if ($ul.find(':checkbox:checked').length !== 0)
        $parent.prop('checked', true)
    $chk = $parent;
    $li = $chk.closest('li');

  } while ($ul.is(':not(.someclass)'));
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<div id="1" class="tab-pane fade in active">
  <li class='chkbox'>
    <input type='checkbox' class='myCheckbox' name='names[]' value='5'>A1
    <ul>
      <li class='chkbox'>
        <input type='checkbox' class='myCheckbox' name='names[]' value='26'>a2
        <li class='chkbox'>
          <input type='checkbox' class='myCheckbox' name='names[]' value='25'>a1
          <ul>
            <li class='chkbox'>
              <input type='checkbox' class='myCheckbox' name='names[]' value='27'>aaaaaa
              <li class='chkbox'>
                <input type='checkbox' class='myCheckbox' name='names[]' value='28'>abbbbbb
          </ul>
    </ul>
    <div style="clear:both">
    </div>
</div>

JsFiddle

Answer 1

Вам нужно получить только прямых потомков $li вместо $li.find(':checkbox'), которые бы возвращали всех потомков. Тогда вы можете отфильтровать те, у кого нет ul братьев и сестер.

, например

$li.find('> ul > li > :checkbox').filter(function(){
  return $(this).siblings('ul').length === 0;
}).prop('checked', this.checked);

Вероятно, неплохо бы закрыть ваши теги li. Довольно сложно понять вашу HTML структуру как есть.