JQuery флажок, сколько выше

Question

При проверке checkbox_01 переключает div1.

HTML

<div>
    <ul>
       <li><input type="checkbox" id="checkbox_01" /></li>    
        <div id="div1" class="toggle">
            <ul>
                <li><input type="checkbox" id="checkbox_02" /></li>
                <li><input type="checkbox" id="checkbox_03" /></li>
            </ul>
        </div>
    </ul>
</div>

ожидаемый результат

checkbox01
-checkbox02
-checkbox03

как мне получить уровень, основанный на флажках?

var x = $ (this) .prevAll ('div: has (: checkbox)'). Find (': checkbox');

Answer 1

Вам нужно переделать свой HTML. Недействительно:

<div>
    <ul>
       <li>
            <input type="checkbox" id="checkbox_01" />    
            <div id="div1" class="toggle">
                <ul>
                    <li><input type="checkbox" id="checkbox_02" /></li>
                    <li><input type="checkbox" id="checkbox_03" /></li>
                </ul>
            </div>
        </li>
    </ul>
</div>

Обратите внимание, что ваш div.toggle теперь внутри вашего li. Затем просто переключите его так:

http://jsfiddle.net/TqV9g/

Answer 2

Не знаю, нужно ли вам это:

$('#div1').hide();
$('#checkbox_01').click(function(){
    $('#div1').toggle($(this).is(':checked'));
});

Когда вы устанавливаете флажок, div "переключает".

скрипка здесь: http://jsfiddle.net/2XWaU/1/