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);
    });
});