js怎么实现复选框树形菜单勾选父节点,子节点全部勾选。子节点勾选,父...

发布网友 发布时间：2022-04-26 06:29

我来回答

共5个回答

热心网友 时间：2022-04-13 06:47

思路就是：找出父节点的所有子节点的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>

热心网友 时间：2022-04-13 08:05

提供一种方案：

首先你要构建这个菜单的树结构，
每个菜单的节点对象至少有以一的属性和方法。
a) value 0 (未选取),1(选取)
b) parentNode ------- 父菜单节点对象
c) childNodes ------- 子菜单对象数组.
d) checkAllChilds() {
检查所以孩子,如果全部的子节点为false,则 this.value = false;
并调用父节点的checkAllChilds()方法.
e) onChange事件,
如果是前者的话比较容易,只要判断当前节点的childNodes是不是为空就可以了.
为空的时候,通过调用父节点的checkAllChilds(),将消息向上传递.直到父节点为空或者
或父节点为选中为止.

f) setChildValue 和 checkAllChilds同理,不过是向下进行消息传递.

热心网友 时间：2022-04-13 09:40

首先说明每个class中存的值是它父节点的value值，还可以按此规律添加多级父子关系。举个一级父子关系的例子
<input type="checkbox" name="check" value="1" class="0" onClick="DoAllSubChecked(1,this)">文学);
<input type="checkbox" name="check" value="2" class="1" onClick="DoAllSubChecked(2,this)">三国);
<input type="checkbox" name="check" value="3" class="1" onClick="DoAllSubChecked(3,this)">西游);
<input type="checkbox" name="check" value="4" class="1" onClick="DoAllSubChecked(4,this)">红楼);
<input type="checkbox" name="check" value="5" class="1" onClick="DoAllSubChecked(5,this)">水浒);

function DoAllSubChecked(nb,parentCheck){
var AllInputTags = document.getElementsByTagName('input');
for(var i=0;i <AllInputTags.length;i++){
if(AllInputTags[i].name == 'check'){
if(AllInputTags[i].className == nb){
AllInputTags[i].checked = parentCheck.checked;
DoAllSubChecked(AllInputTags[i].value,AllInputTags[i]);
//上行的代码可以循环处理多级父子关系，如果只有一级父子关系，上行代码可以不要。
}
}
}
}

热心网友 时间：2022-04-13 11:31

其实你用java写程序 就必须有一个包来存放你写的程序
无论你是否借助eclipse 还是NetBeans 还是记事本
所以 朋友 如果你要把包去掉是不可能
这个java编译器要求的
所以 你不想要缺省包的话 可以自己建一个包
请参考

热心网友 时间：2022-04-13 13:39

去不掉啊。
没办法，去掉你也不能用啊。

如果对您有帮助，请记得采纳为满意答案，谢谢！祝您生活愉快！

vaela