jquery - 当父输入[复选框]被选中时，如何选择ul列表的子输入的所有输入？

Question

我想在选中父输入[复选框]时检查列表的所有子输入。

<dd id="space_content">
<ul>
    <li parent-id="0" li-id="16"><input type="checkbox" value="16"/>Anthropology Department 
    <ul>
        <li parent-id="16" li-id="18"><input type="checkbox" value="18"/>Anthropology Faculty Collections
        </li>
        <li parent-id="16" li-id="23"><input type="checkbox" value="23"/>Shared Collections</li>
    </ul>
</li>
    <li parent-id="0" li-id="45"><input type="checkbox" value="45"/>Center for asdf on Vermont</li>
<li parent-id="0" li-id="19"><input type="checkbox" value="19"/>Center for Research on Vermont
    <ul>
        <li parent-id="19" li-id="24"><input type="checkbox" value="24"/>Collections for Testing
            <ul>
               <li parent-id="24" li-id="25"><input type="checkbox" value="25"/>Geology Department
                </li> 
            </ul>
        </li>
    </ul>
</li>
</ul>
</dd>

到目前为止，这就是我所做的，但无法进一步。

$(function(){    
    $("#space_content > ul > li > input").click(function(){

       if($(this).is(':checked')){
           var $parent = $("#space_content > ul > li").children("ul");
           if($parent.has('input')){
               $parent.children('input').attr('checked','checked');
           }

        }
    }); 
});

Answer 1

尝试

$(function () {
    $("#space_content > ul input").click(function () {
        $(this).next('ul').find('input').prop('checked', this.checked)
    });
});

演示:Fiddle