как получить выбранные элементы узла из дерева флажков 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 checkboxДемонстрация плагинов

Project Home

<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

Вы должны просто иметь возможность использовать селектор : флажок . Следующее должно вернуть все отмеченные флажки в элементе tree1.

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