Динамический список Галочка вопрос

Question

Мой код можно найти здесь, в JSFIDDLE

У меня есть вопрос относительно динамического выбора флажок в списке. Если я проверяю parent1 checkbox, то дети parent 1 должны быть проверены.

Как и я, я проверяю Parent1, Category 1.1, Category 1.2, Category 1.3 Должен быть проверен, И если я сниму отметку Parent 1, the childrens, вы также не будете отмечены.

Поскольку эти значения поступают из базы данных в цикле foreach, который я привел ниже в своем коде.

Вот мой код.

<div class="middle-right"> 
     <ul class="mid-right-list"> 
      <?php 
       foreach($pntrs AS $ps) 
       { 
       $catrs=$media->Catgselectn($ps['parent_id'],'sales_catmgmt'); 
      ?> 

      <li><b>+ <?php echo $ps['parent_name'];?></b> 

      <?php 
       foreach($catrs AS $cg) 
       { 
      ?> 
      <ul> 
       <li><input type="checkbox" class="checkbox1" name="catg[]" value="<?php echo $cg['cat_id']; ?>"><?php echo $cg['cat_name']; ?></li> 
      </ul> 
      <? } ?> 
       </li> 
      <?php 
      } 
      ?> 
     </ul> 
    </div> 

Answer 1

Вот Jquery решение. Вы можете использовать jquery. JsFriddle

$(function() { 
    $("input[type='checkbox']").change(function() { 
     $(this).siblings('ul') 
      .find("input[type='checkbox']") 
      .prop('checked', this.checked); 
    }); 
}); 

Answer 2

Один из способов - вы можете написать триггер jquery для идентификаторов родителей, которые содержат разные атрибуты. Затем установите флажок родительского флажка, найдите этот идентификатор, затем соответствующим образом установите эти дочерние флажки.

пример триггера: -

$(document).ready(function() { 
    $('body').delegate('.parent_class_of_checkbox', 'click', function(evt) { 
     // here mark checked to child checkbox. 
    }); 
});