动态树型菜单，加多选框，支持全选（取消全选），用在设定人员权限的地方，怎么做到全选，取消啊？

不老书生 2005-05-20 09:43:19

菜单是这样的

[多选框]人员管理 '要做到点这个多选框的时候，它下级的多选框跟着被选。
[多选框] 基本信息管理
[多选框] 增加 '要做到点这个框的时候，它上级的多选框跟着被选（如果上级框没有被选）。
[多选框] 修改
[多选框] 删除
[多选框] 审核
[多选框] 人员简历管理
[多选框] 增加
[多选框] 修改
[多选框] 删除
........

[多选框]资产管理
[多选框] 会议室管理
[多选框] 增加
[多选框] 修改
[多选框] 删除
........

上面所有的选项都是从数据库中调出来的！

...全文

315 6 打赏收藏转发到动态举报

写回复

用AI写文章

6 条回复

切换为时间正序

请发表友善的回复…

发表回复

shanxing 2005-07-21

打赏
举报

不老书生 2005-05-20

打赏
举报

net_lover(孟子E章) ：在吗？能说的具体点吗？

不老书生 2005-05-20

打赏
举报

谢谢高手相助！！

我主要遇到这个问题
我以前用的方法
function check(checked)
{
for(var i=0;i<document.form1.elements.length;i++)
{
var e = document.form1.elements[i];
if (e.name == "id_array") {
e.checked = checked;
}
}
}

<a href="javascript:check(true)">全选</a>

这里“id_array”是个统一的名字，所有的多选框都被选中。

但是上面这个问题，应该是每一级的多选框都名字不同。

我听您提到对多选框的名字进行规则编码，应该是解决这个问题的关键，

但是我没弄明白，能具体一点吗？

a040liutao 2005-05-20

打赏
举报

一个例子 ,可能有点帮助
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head>

<body>
<form name="thisForm">
<table>
<tr>
<td valign="top" bgcolor="#EFEFEF" width="200">
<input type="hidden" name="KAIHATU_SYURUI" value="<%=KAIHATU_SYURUI%>">
<font size="2">　┌<input type="radio" value="V1" name="R1" onClick="document.thisForm.KAIHATU_SYURUI.value='試作(新規)';treeContrl();">1．試作
<span id="tree1" style="display:none;"><br>
　 |　　　└<input type="radio" value="V1" name="R2" onClick="document.thisForm.KAIHATU_SYURUI.value='試作(新規)';"><font size="2">1-1．新規</font><br>
　 |　　　└<input type="radio" value="V1" name="R2" onClick="document.thisForm.KAIHATU_SYURUI.value='試作(改良)';"><font size="2">1-2．改良</font></span><br>
　└<input type="radio" value="V1" name="R1" onClick="document.thisForm.KAIHATU_SYURUI.value='量産(新規)';treeContrl();"><font size="2">2．量産</font><br>
<span id="tree2" style="display:none;">
　　　　　└<input type="radio" value="V1" name="R2" onClick="document.thisForm.KAIHATU_SYURUI.value='量産(新規)';"><font size="2">2-1．新規</font><br>
　　　　　└<input type="radio" value="V1" name="R2" onClick="document.thisForm.KAIHATU_SYURUI.value='量産(改良)';"><font size="2">2-2．改良</font></span>
</td>
</tr>
</table>
</form>
<script language="javascript">
function treeContrl()
{
//alert(document.thisForm.KAIHATU_SYURUI.value);
switch (document.thisForm.KAIHATU_SYURUI.value)
{
case "":
document.all("tree1").style.display="none";
document.all("tree2").style.display="none";
document.thisForm.KAIHATU_SYURUI.value="";
break;
case "試作(新規)":
document.all("tree1").style.display="";
document.all("tree2").style.display="none";
document.thisForm.R1(0).checked=true;
document.thisForm.R2(0).checked=true;
break;
case "試作(改良)":
document.all("tree1").style.display="";
document.all("tree2").style.display="none";
document.thisForm.R1(0).checked=true;
document.thisForm.R2(1).checked=true;
break;
case "量産(新規)":
document.all("tree1").style.display="none";
document.all("tree2").style.display="";
document.thisForm.R1(1).checked=true;
document.thisForm.R2(2).checked=true;
break;
case "量産(改良)":
document.all("tree1").style.display="none";
document.all("tree2").style.display="";
document.thisForm.R1(1).checked=true;
document.thisForm.R2(3).checked=true;
break;
}
}
treeContrl();
</script>
</body>
</html>

孟子E章 2005-05-20

打赏
举报

其实就是js的问题，你要对多选框的名字进行有规则编码，即可进行遍历
for(i=0;i<document.getElementsByTagName("INPUT").length;i++)
{
if(document.getElementsByTagName("INPUT")[i].type=="checkbox")

.....
}

不老书生 2005-05-20