点击任何子项复选框的标记父项

Question

我有我的类别和子类别的树视图。该树太长，无法在类别下找到所选的子类别。

<ul id="user_tender_cat" class="treeview-black treeview"> 
    <li class="expandable"><div class="hitarea expandable-hitarea"></div> 
     <span> 
      <input name="cat_ids[]" class="cat-ids cat-id-1" value="1" checked="checked" type="checkbox"> 
      Agricultural/Forestry/Nursery Items 
     </span> 
     <ul> 
      <li> 
       <span> 
        <input name="sub_cat_ids[]" class="sub-cat-ids sub-cat-id-2" value="2" type="checkbox"> 
        Agricultural Machinery &amp; Equipment 
       </span> 
      </li> 
      <li> 
       <span> 
        <input name="sub_cat_ids[]" class="sub-cat-ids sub-cat-id-1" value="1" type="checkbox"> 
        Agricultural Pruducts 
       </span> 
      </li> 
      ........ 
     </ul> 
    </li> 
    <li class="expandable"><div class="hitarea expandable-hitarea"></div> 
     <span> 
      <input name="cat_ids[]" class="cat-ids cat-id-2" value="2" checked="checked" type="checkbox"> 
      Art/Craft/Entertainment/Fashion/Painting 
     </span> 
     <ul> 
      <li> 
       <span> 
        <input name="sub_cat_ids[]" class="sub-cat-ids sub-cat-id-21" value="21" type="checkbox"> 
        Advertisement &amp; Related 
       </span> 
      </li> 
      <li> 
       <span> 
        <input name="sub_cat_ids[]" class="sub-cat-ids sub-cat-id-19" value="19" type="checkbox"> 
        Band/Musical Instrument 
       </span> 
      </li> 
      ...... 
     </ul> 
    </li> 
    ............ 
</ul> 

现在我想添加一个类到任何子子类别被检查的类别跨度。我试过一些jQuery，但仍然得到任何好的解决方案。那么有没有人来帮助我。提前致谢。

Answer 1

在任何子类别的变化，Jquery的发现使用选择功能和selected类特定父类被addded父阅读更多selector functionhere。希望这可能会帮助你延长配合.. :)

$('.expandable .sub-cat-ids').change(function(){ 
    if($(this).is(':checked')) 
    $(this).parents(".expandable").find(".cat-ids").parent().addClass('selected'); 
}); 

Fiddle

Answer 2

您可以使用：

$('#user_tender_cat input').change(function(){ 
    $(this).parent().toggleClass('smclass',this.checked); 
}).change(); 

Working Demo