求一个动态分组复选 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 当中.....

问题比较棘手 不知道我表述清楚了没有.哪里没看明白 可回帖讨论..... 谢谢
BootStrapTable表格利器通用教材
适用人群开发从业人员，产品原型人员，IT相关从业人员，想快速掌握技能的一切人员课程概述特点基于Bootstrap 开发响应式界面，固定表头，完全可配置，支持data属性，显示/隐藏列，显示/隐藏表头，使用AJAX获取JSON数据，点击表头可简单的进行排序，支持自定义列显示，支持单/复选，强大的分页功能，支持名片布局，支持多语言动态列：导出各种格式（支持xls，xlsx的office2003-office2019）
JS求差集及其应用
在python中原生提供了集合这种数据类型，它可以去重，可以进行求交集、并集、差集、不同时存在的元素等运算。 而JS中这些都没有，但是真的很有用。 应用场景 在下拉复选框中我们重新选择后提交的数据该如何处理？ 全部更新，删除所有旧信息，再插入新的信息 部分更新，删除之前被选中而现在没有选中的信息，插入现在新选中的信息 很明显方法2比方法1好。 实现方法 JS中没有集合，我们用数组代替。 我们...
JS正则表达式---分组
JS正则表达式---分组 之前写了一篇关于正则新手入门的文章，本以为对正则表达式相对比较了解 但是今天我又遇到了一个坑，可能是自己不够细心的原因吧，今天就着重和大家分享一下javascript正则表达式中的分组。如果你对JS正则表达式不够理解 可以点击这里了解更多。 分组在正则中用的还是比较广的，我所理解的分组 就是一对括号（） ，每一对括号 就代表了一个分组，分组可以分为： 捕获性分...
jqgrid的分组复选功能
jqgrid的分组复选功能 分组复选功能是说，只全选/取消该分组下的所有行。当然也可以单选。 如果jqgrid的表id是grid, 那么分组时，组名所在的那个行row 下的tr将会带有 class =“gridghead_0”, tr嵌套的分组行的class会从 gridghead_1 到 gridghead_n. 1、复选框checkbox的click或者change事件函数，必须使用’on’...
背包问题
背包九讲前言P1：0-1背包问题（每个元素只能选一次）P2：完全背包问题（每个元素可以重复选）P3：多重背包问题（每个元素有限制）P4：混合背包问题P5：二维费用的背包问题P6：分组背包问题P7：背包问题求方案数P8：求背包问题的方案P9：有依赖的背包问题 题库 前言 f[i] [j]表示 P1：0-1背包问题（每个元素只能选一次） P2：完全背包问题（每个元素可以重复选） P3：多重背包问题（每个元素有限制） P4：混合背包问题 P5：二维费用的背包问题 P6：分组背包问题 P7：背包问题求方案数 最大
Web 开发

81,078

社区成员

341,831

社区内容

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

加载中

查看更多榜单
社区公告
暂无公告

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

+ 用AI写文章