チェックボックス付きツリービューCSS付きの単純なhtml

Question

私のipfireバックアップシステムのツリービュー形式を探しています。 ユーザーは、更新するフォルダを選択する必要があります。以下のようなイメージで - >

Exemple

サーバスクリプトはCGI Perlのですが、私は、単純なHTMLとCSSまたは非常に単純なJSを実装することができます。 自動に私はあなたのHTMLを知らないコンテンツ

Answer 1

をチェックするためにチェックした場合、私は、親フォルダを必要とするが、それはこの

<div class="tree"> 
    <input type="checkbox" /> 1. 
    <div> 
    <input type="checkbox" /> 1.1. 
    <div> 
     <input type="checkbox" /> 1.1.1. 
    </div> 
    </div> 
</div> 

に適合している場合、あなたはjQueryライブラリを使用する場合は、その

ようにそれを行うことができます

$(document).ready(function() { 
    $('.tree input[type="checkbox"]').on('change', function() { 
    checkParent($(this)); 
    }); 

    function checkParent(element) { 
    if (element.prop('checked')) { 
     var parent = element.parent().parent().find('> input[type="checkbox"]'); 

     if (parent.length) { 
     parent.prop('checked', true); 
     checkParent(parent); 
     } 
    } 
    } 
});