Использовать JQuery, чтобы установить флажок в родительском элементе списка?

Я новичок в Javascript и JQuery, поэтому я ' я читал об этом и пытаюсь проверить (и установить неактивный) флажок в родительском элементе списка, когда отмечен один из дочерних элементов.

Если это не имеет никакого смысла, взгляните на список структура.

<ul>
    <li><input type="checkbox" name="items[]" value="88712003" id="88712003"  /> Parent 1</li>
    <li><input type="checkbox" name="items[]" value="88712003" id="88712003"  /> Parent 2
        <ul>
            <li><input type="checkbox" name="items[]" value="21312341" id="21312341" /> Child 1</li>
            <li><input type="checkbox" name="items[]" value="21312341" id="21312341" /> Child 2</li>
        </ul>
    </li>
    <li><input type="checkbox" name="items[]" value="88712003" id="88712003"  /> Parent 3</li>
    <li><input type="checkbox" name="items[]" value="88712003" id="88712003"  /> Parent 4</li>
</ul>

Если установлен флажок «Дочерний 1» или «Дочерний 2», я хочу, чтобы вход в родительском элементе 2 был проверен и стал неактивным. Я начал работать над этим, но застрял здесь:

$(function(){
    $('.child').click(function() {
        $(this).parent().parent().parent().toggle();
    });
});

Как видите, я не продвинулся далеко. Приветствуется любая помощь.

Спасибо!

5
задан Daniel O'Connor 5 January 2011 в 02:50
поделиться