jqueryチェックボックスツリーから選択したノード項目を取得する方法

Question

jQueryを使用してチェックボックスツリーを生成しています。ツリーノードからチェックノードを取得できません。これで私を助けてください。ここで

は私のコードです： -

<script type="text/javascript"> 
    //<!-- 
    $(document).ready(function() { 
     $('#tabs').tabs({ 
      cookie: { expires: 30 } 
     }); 
     $('.jquery').each(function() { 
      eval($(this).html()); 
     }); 
     $('.button').button(); 
    }); 
    //--> 
</script> 

jQueryのcheckboxTreeプラグインのデモ

プロジェクトホーム

<code class="jquery" lang="text/javascript"> 
    $('#tree1').checkboxTree({ 
    initializeUnchecked: 'collapsed', 
    collapse: function(){ 
      alert('collapse event triggered (passed as option)'); 
    }, 
    expand: function(){ 
      alert('expand event triggered (passed as option)'); 
    }, 
    check: function(n){ 
      alert('Hi there!!!'+n); 
    }, 
    uncheck: function(n){ 
      alert('Hi there!!!'+n); 
    } 
    }); 
</code> 
<ul id="tree1"> 
    <li><input type="checkbox"><label>Node 1</label> 
     <ul> 
      <li><input type="checkbox"><label>Node 1.1</label> 
       <ul> 
        <li><input type="checkbox"><label>Node 1.1.1</label> 
       </ul> 
     </ul> 
     <ul> 
      <li><input type="checkbox"><label>Node 1.2</label> 
       <ul> 
        <li><input type="checkbox"><label>Node 1.2.1</label> 
        <li><input type="checkbox"><label>Node 1.2.2</label> 
        <li><input type="checkbox"><label>Node 1.2.3</label> 
         <ul> 
          <li><input type="checkbox"><label>Node 1.2.3.1</label> 
          <li><input type="checkbox"><label>Node 1.2.3.2</label> 
         </ul> 
        <li><input type="checkbox"><label>Node 1.2.4</label> 
        <li><input type="checkbox"><label>Node 1.2.5</label> 
        <li><input type="checkbox"><label>Node 1.2.6</label> 
       </ul> 
     </ul> 
    <li><input type="checkbox"><label>Node 2</label> 
     <ul> 
      <li><input type="checkbox"><label>Node 2.1</label> 
       <ul> 
        <li><input type="checkbox"><label>Node 2.1.1</label> 
       </ul> 
      <li><input type="checkbox"><label>Node 2.2</label> 
       <ul> 
        <li><input type="checkbox"><label>Node 2.2.1</label> 
        <li><input type="checkbox"><label>Node 2.2.2</label> 
        <li><input type="checkbox"><label>Node 2.2.3</label> 
         <ul> 
          <li><input type="checkbox"><label>Node 2.2.3.1</label> 
          <li><input type="checkbox"><label>Node 2.2.3.2</label> 
         </ul> 
        <li><input type="checkbox"><label>Node 2.2.4</label> 
        <li><input type="checkbox"><label>Node 2.2.5</label> 
        <li><input type="checkbox"><label>Node 2.2.6</label> 
       </ul> 
     </ul> 
</ul> 

この上で私を助けてください。

Answer 1

:checkedセレクタを使用することができます。以下は、tree1要素のチェックボックスをチェックして返します。

var checkedCheckboxes = $('#tree1 input[type="checkbox"]:checked');