1. 元素节点表示 HTML 元素，如 a 或 img。
2. 文本节点表示 HTML 文档中的文本，如 “Click on the link below for a complete set list”。这是出现在 p、a 或 h2 这些元素中的文字。
<HTML><HEAD>
</HEAD>
<BODY>
<script>
function find(obj)
{
//tr的对象obj
//obj.parentElement就是table
//obj.parentElement.children.length，table的孩子数
//obj.parentElement.children(1),就是table的第2个孩子(tr)
//obj.parentElement.children(1).children(0),就是就是table的第2个孩子(tr)的第一个孩子(td),就这样找...都能找到
alert(obj.parentElement.children(1).children(0).innerText)
}
</script>
<table width='50%' border=1>
<tr onClick='find(this)'>
<td>1
</td>
<td>2
</td>
</tr>
<tr>
<td>3
</td>
<td>4
</td>
</tr>
</table>
</BODY>
</HTML>
思路就是：找出父节点的所有子节点的checked的属性设置成与父节点一致即可我是利用jquery实现，看看是否符合你的要求
<script src="../lib/jquery.js" type="text/javascript"></script>
<script src="../jquery.treeview.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
$("#tree").treeview()
$("input[name='ids']").click(function(){
var checkedValue = this.checked
$(this).parent("li").find("input[name='ids']").attr("checked",checkedValue)
})
})
</script>
<ul id='tree'>
<li>
<input type='checkbox' name='ids' id="test"/>
<span class='folder'>test1</span>
<ul>
<li>
<input type='checkbox' name='ids' />
<span class='folder'>test11</span>
</li>
</ul>
<ul>
<li>
<input type='checkbox' name='ids' />
<span class='folder'>test12</span>
<ul>
<li>
<input type='checkbox' name='ids' />
<span class='folder'>test121</span>
</li>
</ul>
</li>
</ul>
</li>
</ul>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）