求一个动态分组复选 js 不够再加分...

sking_2008 2009-04-11 04:24:39
口A湿地 口B湿地 口C湿地
|
口D站点 口E站点 口F站点
|
口a元素 口b元素


我想实现的 功能是:
湿地 的 复选框 默认为灰色不可选
站点复选框是要素复选款的全选复选框
只要在选中站点 或他们下面要素复选框(a,b)的时候(哪怕只选中一个) 湿地的复选框就默认被选中

简单一句话 就是我点击任何一个A下面的复选框(D 级别 或 a级别的) 都会导致 父复选框(A 级别的)被程序控制选中

html 的代码

<body style="background:#EBFAFF; padding:12px;" onload="openPage()">
<div id="Layer1" style="display:none;" onmouseleave="closeDiv(this)" class="layer">
</div>

<table width="100%" border="0" cellspacing="4">
<tr>
<td valign="top">
<table width="100%" border="0" align="center" cellpadding="3" cellspacing="1" class="table">
<tr class="td2">
<td width="120"><strong>湿地列表</strong></td>
<td><div align="left">
<%
Map normMap=(Map)session.getAttribute("normType");
Set set=normMap.keySet();
int i=1;
for (Iterator is = set.iterator(); is.hasNext();)
{

String name = (String) is.next();
%>

<input name="<%=name %>" type="checkbox" value="#" disabled />
<a href="javascript:change('<%=i %>')"><%=name %> <!-- 循环出湿地名-->

<%
i++;
}
%>
</div>
</td>
</tr>
<tr class="td2">
<td width="120"><strong>站点列表</strong></td>
<td>
<%

int j=1;
for (Iterator it = set.iterator(); it.hasNext();)
{
String name = (String) it.next();

Map stationMap=(Map)normMap.get(name);
Set set1=stationMap.keySet();

%>
<div id='<%=j %>' align="left" style="display: none">
<%
for (Iterator it1 = set1.iterator(); it1.hasNext();)
{
String station=(String)it1.next();
List list=(List)stationMap.get(station);
%>
<table border="0"cellpadding="0" cellspacing="1" class="table">
<tr class="td2">
<td align="left">
<input type="checkbox" name="<%=name %><%=station %>"/><%=station %><!-- 循环出湿地下的站点名-->

</td>
<%
if(list!=null&&list.size()>0)
{
session.setAttribute("list",list);
%>
<td align="left">
<logic:iterate id="item" name="list" indexId="index">
<input type="checkbox" name="<%=name %><%=station %>"/>${item.name}<!-- 循环出站点下的要素名-->
</logic:iterate>
</td>
<%
}
%>
</tr>
</table>

<%
}
%>

<table border="0"cellpadding="0" cellspacing="1" class="table">
</table>
</div>
<%
j++;
}
%>
</td>
</tr>
</table>
</td>
</tr>

</table>
</body>
</html>



现在 分组全选的js写出来了 但是 选中一个 灰色复选框 被选中的就不会了..麻烦大家帮帮忙了

...全文
107 18 打赏 收藏 转发到动态 举报
写回复
用AI写文章
18 条回复
切换为时间正序
请发表友善的回复…
发表回复
sking_2008 2009-04-13
  • 打赏
  • 举报
回复
[Quote=引用 3 楼 fosjos 的回复:]

现在还是给checkbox加额外的属性吧: <input ... parentname=" <%=...%>">
[/Quote]
这个额外的属性怎么取得?
sking_2008 2009-04-13
  • 打赏
  • 举报
回复
楼上的只能实现 我点击某个站点的时候 湿地复选框被选中.....
打个比方 口站点1 口站点2
我先点站点1 湿地被选中 再点站点2 湿地被选中 继续点站点2 湿地不被选中了.....这个时候湿地下面的站点1 是被选中的 所以按照要求湿地还是应该被选中的
valen_jia 2009-04-13
  • 打赏
  • 举报
回复
用dom吧,也就是17楼那样
fosjos 2009-04-13
  • 打赏
  • 举报
回复
[Quote=引用 13 楼 sking_2008 的回复:]
引用 8 楼 sking_2008 的回复:
引用 3 楼 fosjos 的回复:

现在还是给checkbox加额外的属性吧: <input ... parentname=" <%=...%>">



这种做法感觉比较好. 这样的话我每个湿地下面 都有一个相同的parentname=" <%=...%>"
问题就好解决了
问题是我怎么在js中获得 我这个额外的属性?..菜鸟我 ....
[/Quote]
先申明一下,这种方式对于不同浏览器的兼容不太好,最好多试试
var list = document.getElementsByTagName("input");
for(...)
if(list[i].parentname == "...")
...;
可以封装成一个方法
sking_2008 2009-04-13
  • 打赏
  • 举报
回复
就是说 如何通过这个额外的属性取得对象
sking_2008 2009-04-13
  • 打赏
  • 举报
回复
我要通过 parentname 获取所有的 parentname 的对象怎么办?
就是类似于 document.getElementsByName(parentname);
valen_jia 2009-04-13
  • 打赏
  • 举报
回复
随便拿一个input对象.parentname就拿到了啊
sking_2008 2009-04-13
  • 打赏
  • 举报
回复
[Quote=引用 8 楼 sking_2008 的回复:]
引用 3 楼 fosjos 的回复:

现在还是给checkbox加额外的属性吧: <input ... parentname=" <%=...%>">


[/Quote]
这种做法感觉比较好. 这样的话我每个湿地下面 都有一个相同的parentname=" <%=...%>"
问题就好解决了
问题是我怎么在js中获得 我这个额外的属性?..菜鸟我 ....
sjkof 2009-04-13
  • 打赏
  • 举报
回复
子节点别选中,通知父节点也要选中
子节点取消选中,查看父节点是否有子节点处在被选中状态,不是的话就取消父节点的选中
Arc365 2009-04-13
  • 打赏
  • 举报
回复
[Quote=引用 3 楼 fosjos 的回复:]
这种时候有个编号就方便很多
比如第一层01 02 03... 第二层0101 0102 0201...
可以是单独一个字段,也可以直接用于主键
这样checkbox的name="0102"或value="0102",上一级就很容易得到

现在还是给checkbox加额外的属性吧: <input ... parentname=" <%=...%>">
[/Quote]

同意,我比较倾向这种做法
valen_jia 2009-04-13
  • 打赏
  • 举报
回复
2种方法,第一,你在后台封装一个name字符串,然后传到前台,扔到隐藏域里,每次用你2楼那个方法判断全选的时候,都遍历一遍

第二,你给每个checkbox弄个ID,比如说你循环站点的时候,然后把list.size()放个地方

<input type="checkbox" id="zhandian<%=i %>" name="<%=name %><%=station %>"/><%=station %><!-- 循环出湿地下的站点名-->

然后你在js里你循环拿

for(i=0;i<sum;i++){
document.getElementById('zhandian'+i);
}
sking_2008 2009-04-13
  • 打赏
  • 举报
回复
顶起来......等待正解...
natty_boy 2009-04-12
  • 打赏
  • 举报
回复
大概意思明白了,不过没看你的代码,太长了,给你写个简单的例子供参考

A湿地 的 input 元素代码
<input type="checkbox" id="s1" name="s1" value="your value">A湿地

a元素 的 input 元素代码
<input type="checkbox" id="a1" name="a1" value="your value" onclick="selectParentNode(this,'s1');">a元素

javascript function 如下:
function selectParentNode(obj,parentId){
if(obj.checked){
document.getElementById(parentId).checked = true;
}
}
这里的两个参数一个事点击的对象本身,另一个事点击对象的父节点 id
s_liangchao1s 2009-04-11
  • 打赏
  • 举报
回复
你最好能按你的需求 做成HTML页面就好了 不然你的结构不好看
mzjmicrosoft 2009-04-11
  • 打赏
  • 举报
回复
关注
fosjos 2009-04-11
  • 打赏
  • 举报
回复
这种时候有个编号就方便很多
比如第一层01 02 03... 第二层0101 0102 0201...
可以是单独一个字段,也可以直接用于主键
这样checkbox的name="0102"或value="0102",上一级就很容易得到

现在还是给checkbox加额外的属性吧:<input ... parentname="<%=...%>">
sking_2008 2009-04-11
  • 打赏
  • 举报
回复
顶起来
sking_2008 2009-04-11
  • 打赏
  • 举报
回复
全选的js我是这么写的


function checkall(obj,name)//全选
{
//var m = obj.getAttribute("name");

var m = document.getElementsByName(name);
for ( var i=1; i< m.length ; i++ )
{
m[i].checked = obj.checked;
}

}


现在 我考虑 选中一个就变成灰色的 思路是 点击一个站点或元素的复选框 先判断这个复选框checked是不是true
如果是 那么湿地的复选框就被选上 如果不是 我就判断这个湿地下面的其他复选框是不是有被选中 的 问题是
这个湿地下每个站点的 name是不一样....由于是动态生成 我也不能把所有的 站点的name 都传到js 当中.....

问题比较棘手 不知道我表述清楚了没有.哪里没看明白 可回帖讨论..... 谢谢

81,078

社区成员

发帖
与我相关
我的任务
社区描述
Java Web 开发
社区管理员
  • Web 开发社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧