Как получить выбранные элементы узла из jQuery checkbox tree

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 демо

Project Главная

<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');