子节点复选框选中与取消选中

最新推荐文章于 2021-03-08 04:23:31 发布
最新推荐文章于 2021-03-08 04:23:31 发布
阅读量855 收藏
点赞数
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/zhangzhangjava/article/details/78051727
这是一个关于在网页中实现代理选择的功能页面，包括查询代理、显示代理商列表、展开/关闭子节点列表、全选/全不选子节点的复选框操作。页面使用JavaScript和jQuery进行交互控制，同时涉及了后端接口调用和数据处理。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

<%@page import="com.cits.online.buzlogic.bo.SpecifyAgentRelationBO"%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page import="com.cits.online.buzlogic.bo.OperatorBO,
				com.cits.online.common.login.OperatorFactory,
				com.cits.online.common.util.CmnUtFunc,
				java.util.List,
				java.util.Map,
				java.util.Iterator,
				java.util.Set"%>

<%
	OperatorBO operatorBO = (OperatorBO)OperatorFactory.getOperator().getOperatorBO();
	String opener_agent_text_name = CmnUtFunc.nvl(request.getParameter("agent_text_name"));
	String opener_agent_text_id = CmnUtFunc.nvl(request.getParameter("agent_text_id"));
	
	String openerAgentId = CmnUtFunc.nvl(request.getParameter("agentId"));
	
	String[] deptIdArray=null;
	if(CmnUtFunc.isNotNull(openerAgentId)){
	   deptIdArray = openerAgentId.split(",");
	}
	
	String company_id = CmnUtFunc.nvl(request.getParameter("company_id"));
	Map agentMap = (Map)request.getAttribute("agentMap");
	String operate_type = CmnUtFunc.nvl(request.getParameter("operate_type"));
	boolean showAllAgent = true;
	if(request.getAttribute("showAllAgent") != null){
		showAllAgent = ((Boolean)request.getAttribute("showAllAgent")).booleanValue();
	}
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>代理选择new</title>
<script type='text/javascript' src='/citsonlineWeb/js/jquery/jquery.js'></script>
<script type='text/javascript' src='./online/js/jquery-1.9.1.js'></script>
<link href="<%=request.getContextPath()%>/themes/<%=operatorBO.getTheme() %>/css/common.css" rel="stylesheet" type="text/css" />
<link href="<%=request.getContextPath()%>/themes/<%=operatorBO.getTheme() %>/css/displaytag/screen.css" rel="stylesheet" type="text/css"/>
<style type="text/css">
	<!--
    .orange {
		font-family: "宋体";
		font-size: 12px;
		color: #ff7e22;
	} 
	-->
	</style>
<script language="JavaScript">
    	
	    
		function clean(){
			window.opener.document.getElementById("<%=opener_agent_text_name%>").value = "全部代理";
			window.opener.document.getElementById("<%=opener_agent_text_id%>").value = "";
			window.close();
		}
		
		function query(){
			var agent_name = document.getElementById("agent_name").value;
			var useForm = document.getElementById("agentForm");
			useForm.action = "./switchdo.do?prefix=/reportCenter&page=/reportCenterCommon.do&actionType=allAgent&operate_type=query&agent_text_name=<%=opener_agent_text_name%>&agent_text_id=<%=opener_agent_text_id%>&company_id=<%=company_id%>";
			useForm.submit();
		}
		//展开代理商列表
		function showAgentList(key){
			var flag = false;
			var flagText = event.srcElement.showFlag;
			if(flagText=="+"){
				flag = true;
				event.srcElement.showFlag = "-";
				event.srcElement.src="/citsonlineWeb/reportCenter/images/open.jpg";
			}else{
				flag = false;
				event.srcElement.showFlag = "+";
				event.srcElement.src="/citsonlineWeb/reportCenter/images/close.jpg";
			}
			var trArr = document.getElementsByTagName("tr");
			if(trArr!=null&&trArr.length>0){
				for(var i=0;i<trArr.length;i++){
					var obj = trArr[i];
					if(obj.prefix == key){
						if(flag){
							obj.style.display = "block";
						}else{
							obj.style.display = "none";
						}
						
					}
				}
			}
		}
		//子节点全选或全不选
		function checkAllchildren(key){
			var obj = event.srcElement;
			var checkboxArr = document.getElementsByName("useAgentID");
			if(checkboxArr!=null&&checkboxArr.length>0){
				for(var i=0;i<checkboxArr.length;i++){
					var checkObj = checkboxArr[i];
					if(checkObj.prefix==key){
						checkObj.checked = obj.checked;
					}
				}
			}
		}
		//选择已经选中的代理
		function selected(opener_agent_id,opener_agent_name){
			//获得选中的checkBox
	  		var agentArr = orgnizeCheckedAgentInfo();
	  		if(agentArr==null||agentArr.length<=0){
	  			alert("请选择要查询的代理！");
	  			return;
	  		}else{
	  			var agentIDs = "";
	  			var agentNames = "";
	  			for(var i=0;i<agentArr.length;i++){
	  				var obj = agentArr[i];
	  				agentIDs+=obj.getAgentID();
	  				agentNames+=obj.getAgentName();
	  			}
	  			//去掉最后的，号
	  			agentIDs = agentIDs.substr(0,agentIDs.length-1);
	  			agentNames = agentNames.substr(0,agentNames.length-1);
	  			window.opener.document.getElementById(opener_agent_id).value = agentIDs;	
		  		window.opener.document.getElementById(opener_agent_name).value = agentNames;
		  		
		  		
			try{
				window.opener.cleanDeptInfo();
				window.opener.cleanAccountInfo();
			}catch(e){
			}
		  		
		  		
		  		
		  		
		  		
		  		
		  		
				window.close();
	  		}
	    }
	    //定义AgentInfo对象
	    function AgentInfoObj(agentID,agentName){
	    	this.agentID = agentID;
	    	this.agentName = agentName;
	    	this.toString = function(){
	    		return this.agentID+" "+this.agentName;
	    	}
	    	this.getAgentID = function(){
	    		return this.agentID+",";
	    	}
	    	this.getAgentName = function(){
	    		return this.agentName+",";
	    	}
	    }
	    //组织选中的checkBox
	    function orgnizeCheckedAgentInfo(){
	    	var agentArr = new Array();
	    	var index = 0;
	    	var checkboxArr = document.getElementsByName("useAgentID");
		    if(checkboxArr!=null&&checkboxArr.length>0){
				for(var i=0;i<checkboxArr.length;i++){
					var checkObj = checkboxArr[i];
					if(checkObj.checked){
						agentArr[index] = new AgentInfoObj(checkObj.value,checkObj.valueStr);
						index++;
					}
				}
			}
			return agentArr;
	    }
	    
	    $(function(){
	    	
	    	 
		})
	    
		//子节点单击事件
		function sonClick(obj){
	    	var checked = obj.checked;
	    	var prefix = obj.prefix;
	    	if(checked){
	    		var checkboxArr1 = $("input[prefix='" + prefix + "']"); 
	    		var count1 = checkboxArr1.length;//一个父节点下所有子节点的总数
	    		var count2 = $("input[prefix='" + prefix + "']:checked").length;//一个父节点下处于选中状态的子节点的总数
	    		if(count1 == count2){
	    			$("#a"+prefix).attr("checked",true); 
	    		}
	    	}else{
	    		$("#a"+prefix).removeAttr("checked"); 
	    	}
	    }
		
    </script>
</head>
<body>
<form name="agentForm" id="agentForm" method="post" >
    <input type="hidden" name="seeAllFlg" value="<%=CmnUtFunc.nvl(request.getParameter("seeAllFlg")) %>">
	<table width="98%" border="0" cellspacing="0" cellpadding="0">
		<tr>
		  <td valign="top">
			
				<table border="0" cellspacing="0" cellpadding="0">
					<tr>
						<td class="top_up_td"></td>
					</tr>
				</table>
				<table id="querytable" width="99%" border="0" cellspacing="0" cellpadding="0" align="center">
				  <tr class="">
					<td width="13%" class="text_right_12p">
						代理：			
					</td>
					<td width="1%"> </td>
					<td width="86%" class="align_left"> 
						<input type="text" id="agent_name" name="agent_name" value="<%=CmnUtFunc.nvl(request.getParameter("agent_name"))%>"   onKeyDown="if (event.keyCode==13) query();">
						<input name="button2" type="button" class="common_btn" value="查 找" onClick="query()">
						<%if(showAllAgent){%>
						<input name="button2" type="button" class="common_btn" value="全 部" onClick="clean()">
						<%}%>
						<input name="button2" type="button" class="common_btn" value="选 择" onClick="selected('<%=opener_agent_text_id%>','<%=opener_agent_text_name%>');">
						
					</td>
				  </tr>
			</table>
			
			<%
				if(agentMap!=null&&!agentMap.isEmpty()){
			%>
			  <table  cellpadding="0" cellspacing="0" class="its" style="width:100%;">
			<%	
					String key = "";
					String keyValue = "";
					List agentList	= null;
					Set keys = agentMap.keySet();
					Iterator it = keys.iterator();
					key = "xxxxxx";
					agentList = (List)agentMap.get(key);
					if(agentList!=null&&agentList.size()>0){
						keyValue = "公司级代理";
					
			%>
					
				 	 <tr class="odd" >
	                      <td style="text-align: left;" width="30%">
		                      <img src="/citsonlineWeb/reportCenter/images/close.jpg" style="cursor:hand" onclick="showAgentList('<%=key%>');" showFlag = "+"/>
		        			  <% 
		        			  	  String c = "";
			        			  List<SpecifyAgentRelationBO> updateList = (List<SpecifyAgentRelationBO>)request.getAttribute("agentList");
		                      	  if(updateList != null && updateList.size() > 0){
		                      		    int count = 0;
		                      			for(int i = 0; i < updateList.size(); i++){
		                      				SpecifyAgentRelationBO specifyAgentRelationBO = updateList.get(i);
		                      				for(int j=0;j<agentList.size();j++){
		        					 			Map tempMap = (Map)agentList.get(j);
		        					 			String agentID = (String)tempMap.get("agent_id");
		        					 			if(specifyAgentRelationBO.getSpecify_agent_id().equals(agentID)){
		        					 				count++;
		        					 			}
		        					 			if(count > 0 && count == agentList.size()){
		        					 				break;
		        					 			}
		                      				}
			                      		}
		                      			if(count > 0 && count == agentList.size()){
		                      				c = "checked";
		                      			}
		                      	  }
		        			  %>
		        			  <input type="checkbox" <%=c%> onclick="checkAllchildren('<%=key%>');" name="parentName<%=key%>" id="a<%=key%>"><%=keyValue%> 
	        			  </td>
                     </tr>
				 		<%
							for(int j=0;j<agentList.size();j++){
					 			Map tempMap = (Map)agentList.get(j);
					 			String agentID = (String)tempMap.get("agent_id");
					 			String agentName = (String)tempMap.get("agentName");
			 			%>
		 			<tr class="even" prefix="<%=key%>" style="display:none">
	                      <td  style="text-align: left;" width="70%">    
	                      <img src="/citsonlineWeb/reportCenter/images/page.gif"/>
	                      <% 
	                      		c = "";
	                      		if(updateList != null && updateList.size() > 0){
	                      			for(int i = 0; i < updateList.size(); i++){
	                      				SpecifyAgentRelationBO specifyAgentRelationBO = updateList.get(i);
		                      			if(specifyAgentRelationBO.getSpecify_agent_id().equals(agentID)){
		                      				c = "checked";
		                      				break;
		                      			}
		                      		}
	                      		}
	                      		
	                      %>
		                  <input type="checkbox" onclick="sonClick(this);" <%=c%>  name="useAgentID" prefix="<%=key%>" value="<%=agentID%>"  valueStr="<%=agentName%>" ><%=agentName%>（子节点）</td>
                    </tr>
		 			<%
							}
						}
								
								for(;it.hasNext();){
								 	key = (String)it.next();
								 	agentList = (List)agentMap.get(key);
								 	if(key.equals("xxxxxx")){
								 		continue;
								 	}else{
								 		keyValue = (String)((Map)agentList.get(0)).get("deptName");
								 	}
				 	%>
				 	 <tr class="odd" >
	                      <td style="text-align: left;" width="30%">
	                      <img src="/citsonlineWeb/reportCenter/images/close.jpg" style="cursor:hand;" onclick="showAgentList('<%=key%>');" showFlag = "+"/>
	                      <% 
	        			  	  String c = "";
		        			  List<SpecifyAgentRelationBO> updateList = (List<SpecifyAgentRelationBO>)request.getAttribute("agentList");
	                      	  if(updateList != null && updateList.size() > 0){
	                      		    int count = 0;
	                      			for(int i = 0; i < updateList.size(); i++){
	                      				SpecifyAgentRelationBO specifyAgentRelationBO = updateList.get(i);
	                      				for(int j=0;j<agentList.size();j++){
	        					 			Map tempMap = (Map)agentList.get(j);
	        					 			String agentID = (String)tempMap.get("agent_id");
	        					 			if(specifyAgentRelationBO.getSpecify_agent_id().equals(agentID)){
	        					 				count++;
	        					 			}
	        					 			if(count > 0 && count == agentList.size()){
	        					 				break;
	        					 			}
	                      				}
		                      		}
	                      			if(count > 0 && count == agentList.size()){
	                      				c = "checked";
	                      			}
	                      	  }
	        			  %>
	                      <input type="checkbox" <%=c%> onclick="checkAllchildren('<%=key%>');" name="parentName<%=key%>" id="a<%=key%>" valueStr="<%=key%>"><%=keyValue%> </td>
                     </tr>
				 	
				 	<%
								 	if(agentList!=null&&agentList.size()>0){
								 		for(int j=0;j<agentList.size();j++){
								 			Map tempMap = (Map)agentList.get(j);
								 			String agentID = (String)tempMap.get("agent_id");
								 			String agentName = (String)tempMap.get("agentName");
		 			%>
		 			<tr class="even" prefix="<%=key%>" style="display:none">
                      	<td  style="text-align: left;" width="70%">    
                      		<img src="/citsonlineWeb/reportCenter/images/page.gif"/>
                      		<% 
	                      		c = "";
	                      		if(updateList != null && updateList.size() > 0){
	                      			for(int i = 0; i < updateList.size(); i++){
	                      				SpecifyAgentRelationBO specifyAgentRelationBO = updateList.get(i);
		                      			if(specifyAgentRelationBO.getSpecify_agent_id().equals(agentID)){
		                      				c = "checked";
		                      				break;
		                      			}
		                      		}
	                      		}
	                      		
	                       %>
		                    <input type="checkbox" onclick="sonClick(this);" <%=c%>  name="useAgentID" prefix="<%=key%>" value="<%=agentID%>" valueStr="<%=agentName%>">
	                      	<%=agentName%>（子节点）
                      	</td>
                  	</tr>
		 			<%
								 		}
								 	}
								 	
								}
					%>
			</table>
			<%
				}else if(!"".equals(operate_type)){
			%>
			<br>
			 <table width="98%" border="0" cellspacing="0" cellpadding="0" align="center">
               		<tr>
			          <td align="left" class="orange">
			           <img src="/citsonlineWeb/themes/default/images/tanhaotishi.gif" />  没有符合条件的信息
                      </td>
			       </tr>
             </table>
			<%
				} 
			%>
				
				
              </td>
            </tr>
          </table>      
         </form>
	</body>
</html>

checkbox的选中与取消
flqchl的博客
07-15 1309
//选中checkbox的回调函数 add by  zhangtong 20150714 function doAfterTrChecked(checkObj){ var chooseInputArr = J$("TABLE[id='rwList'] input[type='checkbox'][id='choose'][name='choose']"); var pzhmLabelArr
elment tree 树组件 实现父节点选中，子节点不选中，子节点选中，父节点选中，子节点全部取消，父节点不取消，父节点取消，子节点全去选
lmh19921116的博客
06-19 4501
1、带复选框的树组件必须设置:check-strictly = “true” :show-checkbox=“true” @check=“checkChange” <el-tree ref="tree" :data="treeData" :props="defaultProps" node-key="id" show-checkbox :check-strictly = "true"
CheckBox 选中效果 选中子的父自动选中,选中父的子全部选中
01-21
CheckBox 选中效果 选中子的父自动选中,选中父的子全部选中 适用于C:Foreach 读取${list} 然后选中的选项添加到数据库
zTree取消某个节点的选中状态
那年的夏天的博客
04-11 4085
var zTreeObject=$.fn.zTree.getZTreeObj("accordion"); var checkedNodes=zTreeObject.getCheckedNodes();//得到选中的节点 for(var k=0;k<checkedNodes.length;k++){
java取消全选代码_[Java教程]javascript实现复选框全选和取消代码分析_星空网
weixin_33389183的博客
03-08 246
javascript实现复选框全选和取消代码分析2016-01-220javascript实现复选框全选和取消代码分析:复选框是常用的元素之一，而点击实现全选和取消全选又是最为常用的功能，特别是在批量操作管理中，非常的方便，下面就通过代码实例介绍一下如何实现此效果，代码实例如下: 复选框的全选和取消代码-蚂蚁部落 window.onload=function(){ var ckall=do...
Jquery Checkbox 父、子节点进行选中、取消选中处理
kongwei521的专栏
02-11 3769
效果图：Html代码： &lt;table class='table table-bordered table-striped'&gt; &lt;asp:Repeater ID="rpRole" runat="server" OnItemDataBound="rpRole_ItemDataBound"&gt; ...
TreeControl复选框：选中某个节点的复选框后，自动选中子节点的复选框
11-05
标题和描述所提到的“选中某个节点的复选框后，自动选中子节点的复选框”是一种常见的递归选择行为。这种功能通常被称为“级联选择”或“全选子节点”。当用户勾选一个父节点的复选框时，所有子节点的复选框会被自动...
关于extjs treepanel复选框选中父节点与子节点的问题
12-02
在本例中，我们关注的是如何实现一个带有复选框的TreePanel，以便在选中父节点时自动选中所有子节点，而只有当所有子节点都未被选中时，父节点才能被取消选中。 首先，我们创建了一个新的Ext.tree.TreePanel实例，...
C# treeview复选框选中 父节点选中 相应的子节点也被选中
02-01
C# treeview复选框选中问题 父节点选中 相应的子节点也被选中 父节点不选中 子节点全部不选中；子节点全部选中 父节点也被选中
带复选框的多级目录树，复选框的选择控制子节点父节点 全选和反选
11-13
当子节点的复选框状态改变时，也会影响到它的父节点，这涉及到“级联选择”或“联动选择”的逻辑。 4. **控制父节点（Controlling Parent Nodes）**： 当用户勾选或取消一个子节点的复选框时，我们需要判断该操作...
JS实现复选框全选全不选以及子复选框带动全选框的选中
04-26
实现全选全不选反选 并且,如果是在全选状态下将子复选框的选中取消, 那么全选复选框自动取消全选 如果全选复选框没有选中而子复选框全部被选中, 那么全选复选框自动选中全选
【Springboot+mybatis】 解析Excel并批量导入到数据库
冉野 、
01-16 3万+
      更新时间2018-12-27 最近看了一个大神写的通过注解的形式来实现excel中表头名称 选项的设置，觉得很受启发，所以决定更新一版我的小文章。当然不会让大家失望的。这次更改我使用了注解工具类来侵入性更小的实现简单的excel导入导出。 demo源码地址：https://gitee.com/ytrlmy/importexcel/tree/importexcel       再次更...
前端js拼checkbox的选中与取消的问题
zb199738的博客
07-09 5572
工作中再实现弹出框里数据回显问题时遇到的麻烦， 需求是 success: function (data) { var model=""; var ids=[]; var html="...
jquery1.6中的.prop()和.attr()异同
别人在走，我在跑
05-17 893
最近在iteye的新闻中看到jQuery已经更新到了1.6.1。和之前版本的最大变化是增加了.prop方法。但是.prop()方法和.attr()方法，单从字面上很难区分。在汉语中properties和attributes都有表示“属性”的意思。下面根据这篇博文（javascript:mctmp(0);），简要翻译了.prop()和.attr()的用法： 1、从1.5.2升级到1.6.1 通过...
checkbox选中与取消选择
热门推荐
Fly的博客
08-16 5万+
checkbox选中与取消选择 1.html &lt;form&gt; &lt;input type="checkbox" name="items" value="足球" /&gt;足球 &lt;input type="checkbox" name="items" value="篮球" /&gt;篮球 &
MFC TreeControl复选框：选中某个节点的复选框后，自动选中子节点的复选框
wwkaven的专栏
11-05 5969
1、 2、 3、 4、 5、
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值