javascript - 选中列表子项中的复选框

Question

我现在有一个问题，我无法使用我找到的方法( http://jsfiddle.net/nick_craver/BgXrz/ 、 http://code.google.com/p/jquery-tree/ )解决。两者都没有完全解决我的解决方案，但它们让我知道如何做，我想要什么。

好的。这是我的问题:

我有一个列表(带有 ul 和 li)并且在每个列表中

<li>
    there is a checkbox and some text. E.g.: 
    <ul>
        <li>
            <p>
                <input type="checkbox" name="this_name" checked/>Description
                Bla: <input type="text" size="8" name="this_arg" value=""/>
            </p>
        </li>
    </ul>

在那里面(在结束的 li 后面)有一棵完整的树，包含其他名称的其他参数等等，所以它创建了一棵类似的树

<ul>
  <li>A
    <ul>
      <li>AA</li>
      <li>AB
        <ul>
          <li>ABA</li>
        </ul>
      </li>
    </ul>
  </li>
</ul>

现在结构本身应该很清楚了。

现在我想使用 jQuery 或 Javascript 检查某些父元素的子元素中的所有元素。例如，如果我标记“A”，我希望检查所有节点。如果我点击“AB”，我希望检查“ABA”等等...

我不太明白如何做到这一点，如果有任何帮助，我将不胜感激。

Answer 1

这是您要找的吗？

http://jsfiddle.net/johncmolyneux/pqLts/2/

<ul>
    <li>Main
        <ul>
            <li><input type="checkbox" /> parent 1
                <ul>
                    <li><input type="checkbox" />sub 1</li>
                    <li><input type="checkbox" />sub 2
                        <ul>
                            <li><input type="checkbox" />sub sub 2</li>
                            <li><input type="checkbox" />sub sub 3</li>
                        </ul>
                    </li>
                </ul> 
            </li>
            <li><input type="checkbox" />parent 2</li>
        </ul>
    </li>
</ul>

$(function() {
    $(":checkbox").click(function() {
        var checked = $(this).attr("checked");
        $(this).parent().find(":checkbox").attr("checked", checked);
    });
});