Маркированый список и checkbox

@androfedoro · Регистрация: 01.09.2013

Author24 — интернет-сервис помощи студентам

Привет всем!
Вопрос тупой, но все же сказывается бессонная ночь и решить его быстро не удается.
Есть такого вида список

HTML5

<ul>
    <li>
        <input type="checkbox">
        <ul>
            <li><input type="checkbox"></li>
        </ul>
    </li>
    <li><input type="checkbox"></li>
</ul>

Нужно сделать так, чтобы при выключении чекбокса, выключались все, следующие за ним в иерархии.

Добавлено через 14 минут
Я пробую

Javascript

1	$('input[type=checkbox]:not(:checked)').parent().child('input').attr('checked', false);

Но и сама конструкция выглядит сомнительно, ну и, естественно, не работает)

@vovandr · 15.09.2013, 16:31

Не понятно условие если честно

При первом клике и по какому чекбоксу и что должно происходить?

@koza4ok · 15.09.2013, 17:50

пробуйте

HTML5

<ul class="tree">
    <li>
        <input type="checkbox">
        <ul>
            <li><input type="checkbox">
                <ul>
                    <li><input type="checkbox" class="foo"></li>    
                    <li><input type="checkbox"></li>
                </ul>
            </li>
                
            <li><input type="checkbox"></li>
            <li><input type="checkbox"></li>
        </ul>
    </li>
    <li><input type="checkbox"></li>
</ul>
 
        <script>
            $("ul.tree :checkbox").on('click',function(){
                
                var flag=this.checked ? true :false; 
                
                
                
              $(this).parent() 
                        .parent().find(":checkbox").attr('checked',flag);
        
  
            })

@vovandr 636 / 523 / 195 Регистрация: 19.08.2013 Сообщений: 1,400
	15.09.2013, 16:31	2
	Не понятно условие если честно При первом клике и по какому чекбоксу и что должно происходить? 0

	15.09.2013, 17:50