81,111
社区成员
发帖
与我相关
我的任务
分享求一个动态分组复选 js 不够再加分...
口A湿地 口B湿地 口C湿地
|
口D站点 口E站点 口F站点
|
口a元素 口b元素
我想实现的 功能是:
湿地 的 复选框 默认为灰色不可选
站点复选框是要素复选款的全选复选框
只要在选中站点 或他们下面要素复选框(a,b)的时候(哪怕只选中一个) 湿地的复选框就默认被选中
简单一句话 就是我点击任何一个A下面的复选框(D 级别 或 a级别的) 都会导致 父复选框(A 级别的)被程序控制选中
html 的代码
现在 分组全选的js写出来了 但是 选中一个 灰色复选框 被选中的就不会了..麻烦大家帮帮忙了
|
口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写出来了 但是 选中一个 灰色复选框 被选中的就不会了..麻烦大家帮帮忙了
...全文
请发表友善的回复…
发表回复
sking_2008 2009-04-13
- 打赏
- 举报
[Quote=引用 3 楼 fosjos 的回复:]
现在还是给checkbox加额外的属性吧： <input ... parentname=" <%=...%>">
[/Quote]
这个额外的属性怎么取得?
现在还是给checkbox加额外的属性吧： <input ... parentname=" <%=...%>">
[/Quote]
这个额外的属性怎么取得?
sking_2008 2009-04-13
- 打赏
- 举报
楼上的只能实现 我点击某个站点的时候 湿地复选框被选中.....
打个比方 口站点1 口站点2
我先点站点1 湿地被选中 再点站点2 湿地被选中 继续点站点2 湿地不被选中了.....这个时候湿地下面的站点1 是被选中的 所以按照要求湿地还是应该被选中的
打个比方 口站点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 == "...")
...;
可以封装成一个方法
引用 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);
就是类似于 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中获得 我这个额外的属性?..菜鸟我 ....
引用 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]
同意，我比较倾向这种做法
这种时候有个编号就方便很多
比如第一层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);
}
第二，你给每个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
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="<%=...%>">
比如第一层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我是这么写的
现在 我考虑 选中一个就变成灰色的 思路是 点击一个站点或元素的复选框 先判断这个复选框checked是不是true
如果是 那么湿地的复选框就被选上 如果不是 我就判断这个湿地下面的其他复选框是不是有被选中 的 问题是
这个湿地下每个站点的 name是不一样....由于是动态生成 我也不能把所有的 站点的name 都传到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 当中.....
问题比较棘手 不知道我表述清楚了没有.哪里没看明白 可回帖讨论..... 谢谢
