點擊任何子項複選框的標記父項

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