如何從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');