Блог

Главная - Вопросы по программированию - treeview выбирает только один родительский узел

treeview выбирает только один родительский узел

#javascript #jquery #treeview

#javascript #jquery #просмотр дерева

Вопрос:

в моем treeview у меня много родительских и дочерних узлов, когда родительский узел выбирается после того, как он должен расшириться, а другие родительские узлы должны быть отключены.

Мой jquery 

 $('.treecheck').on('click', function() {
     $('.hitarea').next('input').prop('checked', false);
});

html- это

 <ul class="treeview" id="grouptree">
<li class="expandable">
    <div class="hitarea expandable-hitarea"></div>
    <input type="checkbox" class="treecheck" value="1" name="Profile[groups][]" original-title=""><span class="checkboxtree">one</span>
    <ul style="display: none;">
        <li>
            <input type="checkbox" class="treecheck" value="16" name="Profile[groups][]" original-title=""><span class="checkboxtree">11</span>
        </li>
        <li class="last">
            <input type="checkbox" class="treecheck" value="21" name="Profile[groups][]" original-title=""><span class="checkboxtree">12</span>
        </li>
    </ul>
</li>
<li class="expandable">
    <div class="hitarea expandable-hitarea"></div>
    <input type="checkbox" class="treecheck" value="2" name="Profile[groups][]" original-title=""><span class="checkboxtree">two</span>
    <ul style="display: none;">
        <li class="last">
            <input type="checkbox" class="treecheck" value="17" name="Profile[groups][]" original-title=""><span class="checkboxtree">2</span>
        </li>
    </ul>
</li>
<li class="expandable">
    <div class="hitarea expandable-hitarea"></div>
    <input type="checkbox" class="treecheck" value="3" name="Profile[groups][]" original-title=""><span class="checkboxtree">three</span>
    <ul style="display: none;">
        <li class="last">
            <input type="checkbox" class="treecheck" value="18" name="Profile[groups][]" original-title=""><span class="checkboxtree">3</span>
        </li>
    </ul>
</li>
<li class="last">
    <input type="checkbox" class="treecheck" value="15" name="Profile[groups][]" original-title=""><span class="checkboxtree">four</span>
</li>

ссылка на скрипку http://jsfiddle.net/jSwxE/4 /

Комментарии:

1. И в чем именно проблема? Что вы пробовали?

2. не понял точной проблемы. можете ли вы также поделиться jsfiddle.

3. я пробовал выше моего jquery, я разрешаю пользователю выбирать только один родительский узел

4. Я не уверен, но, возможно, вы хотите что-то вроде этого:- jsfiddle.net/Z3978

5. попробуйте этот jsfiddle.net/xCLh5