⭐ 欢迎来到虫虫下载站！ | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站
📤 上传资源

📄 tree_checkboxs.html

📁 通过按钮获取控件值的树CHECKBOX。html文件可以直接在浏览器显示结果。
💻 HTML
字号:
🔍 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<script language="javascript">
function treeClick(o){
  var obj,chk,disp,level,selectValue
  obj = event.srcElement;
  if (obj==o) return;
  if (obj.tagName=="INPUT"){
      chk = obj.checked;
	  level = parseInt(obj.parentElement.className.substring(1));
	  var _obj = obj,_level = level-1;
	  while(obj.parentElement.nextSibling&&parseInt(obj.parentElement.nextSibling.className.substring(1))>level){
		obj = obj.parentElement.nextSibling.all.tags("INPUT")[0];
		obj.checked = chk;
	  }
	  while(_obj.parentElement.previousSibling){
		_obj = _obj.parentElement.previousSibling.all.tags("INPUT")[0];
		if (parseInt(_obj.parentElement.className.substring(1))==_level){
			if(!_obj.checked&&chk)_obj.checked = true;
			else if (_obj.checked&&!chk) setParentCheck(_obj);
			_level--;
		}
	  }
	  getTreeValue(_obj.parentElement.parentElement);
	  return;
  }
  if (!obj.nextSibling) return;
  disp = obj.nextSibling.style.display!="block"?"block":"none";
  level = parseInt(obj.className.substring(1));
  while(obj.nextSibling&&parseInt(obj.nextSibling.className.substring(1))>level){
	obj = obj.nextSibling;
	obj.style.display = disp;
  }
}
function setParentCheck(obj){
	var level = parseInt(obj.parentElement.className.substring(1));
	var o = obj;
	while(o.parentElement.nextSibling&&parseInt(o.parentElement.nextSibling.className.substring(1))>level){
		o = o.parentElement.nextSibling.all.tags("INPUT")[0];
	    if (o.checked)return;
	}
	obj.checked = false;
}
function getTreeValue(o){
	var val = [];
	var objs = o.all.tags("INPUT");
	for (var i=1;i<objs.length ;i++ )if(objs[i].checked)val.push(objs[i].parentElement.val);
	o.previousSibling.value = val.join(",");

}
</script>
<style>
* {font-size:9.5pt;}
.ctree2 div {
	height:16px;
	background-repeat:no-repeat;
	cursor:default;
	padding-left:20px;
}
.ctree2 .l1,.l2,.l3 {background-image:url('folder.gif');}
.ctree2 .l4 {background-image:url('file.png');}
.ctree2 .l1 {background-position:2 0%;}
.ctree2 .l2 {background-position:14 0%;padding-left:35px;}
.ctree2 .l3 {background-position:28 0%;padding-left:48px;display:none}
.ctree2 .l4 {background-position:42 0%;padding-left:58px;display:none}
.ctree2 input {margin:-2px;margin-right:0px;}
</style>
</head>
<body>
<input type="button" value="获取树型控件值" onclick="javascript:alert(document.getElementById('dept').value)">
<br/><br/>
<input type="hidden" id="dept" name="dept"/><div class="ctree2" style="width:300px;height:450px;border:1px outset #EEEEEE;padding-top:2px;overflow-x:hidden;overflow-y:scroll;display:inline"
  onmouseover="javascript:var obj=event.srcElement;if(obj!=this)obj.style.backgroundColor='#f3f6ff';"
  onmouseout="javascript:var obj=event.srcElement;if(obj!=this)obj.style.backgroundColor='';"
  onclick="javascript:treeClick(this)">
<div class="l1" val=""><input type="checkbox">请选择菜单</div>
<div class="l2" val="业务管理"><input type="checkbox">业务管理</div>
<div class="l3" val="结算主体管理"><input type="checkbox">结算主体管理</div>
<div class="l4" val="结算主体维护"><input type="checkbox">结算主体维护</div>
<div class="l4" val="结算会员维护"><input type="checkbox">结算会员维护</div>
<div class="l3" val="结算机构管理"><input type="checkbox">结算机构管理</div>
<div class="l4" val="结算机构维护"><input type="checkbox">结算机构维护</div>
<div class="l4" val="部门授权"><input type="checkbox">部门授权</div>
<div class="l4" val="用户角色授权"><input type="checkbox">用户角色授权</div>
<div class="l3" val="席位管理"><input type="checkbox">席位管理</div>
<div class="l4" val="席位信息维护"><input type="checkbox">席位信息维护</div>
<div class="l4" val="合同代码维护"><input type="checkbox">合同代码维护</div>
<div class="l3" val="业务权限管理"><input type="checkbox">业务权限管理</div>
<div class="l4" val="资金账套授权"><input type="checkbox">资金账套授权</div>
<div class="l4" val="清算业务授权"><input type="checkbox">清算业务授权</div>
<div class="l4" val="总账科目授权"><input type="checkbox">总账科目授权</div>
<div class="l4" val="凭证模板授权"><input type="checkbox">凭证模板授权</div>
<div class="l4" val="托管业务授权"><input type="checkbox">托管业务授权</div>
<div class="l3" val="交收日历管理"><input type="checkbox">交收日历管理</div>
<div class="l4" val="日历模板维护"><input type="checkbox">日历模板维护</div>
<div class="l4" val="节假日维护"><input type="checkbox">节假日维护</div>
<div class="l4" val="交收日历维护"><input type="checkbox">交收日历维护</div>
<div class="l3" val="业务参数维护"><input type="checkbox">业务参数维护</div>
<div class="l4" val="业务参数维护"><input type="checkbox">业务参数维护</div>
<div class="l4" val="系统客户分类维护"><input type="checkbox">系统客户分类维护</div>
<div class="l4" val="清算解锁"><input type="checkbox">清算解锁</div>
<div class="l4" val="特殊业务数据处理"><input type="checkbox">特殊业务数据处理</div>
<div class="l3" val="证券信息维护"><input type="checkbox">证券信息维护</div>
<div class="l4" val="证券信息维护"><input type="checkbox">证券信息维护</div>
<div class="l2" val="清算管理"><input type="checkbox">清算管理</div>
<div class="l3" val="清算业务"><input type="checkbox">清算业务</div>
<div class="l4" val="开工处理"><input type="checkbox">开工处理</div>
<div class="l4" val="数据转换"><input type="checkbox">数据转换</div>
<div class="l4" val="读取数据"><input type="checkbox">读取数据</div>
<div class="l4" val="数据清分"><input type="checkbox">数据清分</div>
<div class="l4" val="清算预处理"><input type="checkbox">清算预处理</div>
<div class="l4" val="股份清算"><input type="checkbox">股份清算</div>
<div class="l4" val="股份对账"><input type="checkbox">股份对账</div>
<div class="l4" val="资金清算"><input type="checkbox">资金清算</div>
<div class="l4" val="资金交收"><input type="checkbox">资金交收</div>
<div class="l4" val="数据发放"><input type="checkbox">数据发放</div>
<div class="l3" val="手工清算"><input type="checkbox">手工清算</div>
<div class="l4" val="保证金调整"><input type="checkbox">保证金调整</div>
<div class="l4" val="代理佣金管理"><input type="checkbox">代理佣金管理</div>
<div class="l4" val="尾随佣金管理"><input type="checkbox">尾随佣金管理</div>
<div class="l4" val="特殊费用记账"><input type="checkbox">特殊费用记账</div>
<div class="l4" val="基金交收控制"><input type="checkbox">基金交收控制</div>
<div class="l4" val="印花税分发"><input type="checkbox">印花税分发</div>
<div class="l3" val="自有收支核算"><input type="checkbox">自有收支核算</div>
<div class="l4" val="自有收支统计"><input type="checkbox">自有收支统计</div>
<div class="l4" val="自有收支核算"><input type="checkbox">自有收支核算</div>
<div class="l4" val="自有收支核算规则"><input type="checkbox">自有收支核算规则</div>
<div class="l4" val="客户自有调整"><input type="checkbox">客户自有调整</div>
<div class="l3" val="统计查询"><input type="checkbox">统计查询</div>
<div class="l4" val="一级资金清算明细"><input type="checkbox">一级资金清算明细</div>
<div class="l4" val="二级资金清算明细"><input type="checkbox">二级资金清算明细</div>
<div class="l4" val="资金清算汇总查询"><input type="checkbox">资金清算汇总查询</div>
<div class="l4" val="资金待交收查询"><input type="checkbox">资金待交收查询</div>
<div class="l3" val="基础信息维护"><input type="checkbox">基础信息维护</div>
<div class="l4" val="费率维护"><input type="checkbox">费率维护</div>
<div class="l4" val="要约收购信息"><input type="checkbox">要约收购信息</div>
<div class="l4" val="交收凭证定义"><input type="checkbox">交收凭证定义</div>
<div class="l4" val="认领记账规则"><input type="checkbox">认领记账规则</div>
<div class="l4" val="基金交收凭证定义"><input type="checkbox">基金交收凭证定义</div>
<div class="l4" val="标的证券对应维护"><input type="checkbox">标的证券对应维护</div>
<div class="l4" val="集体转指定/转托管"><input type="checkbox">集体转指定/转托管</div>
<div class="l4" val="无头账认领配置"><input type="checkbox">无头账认领配置</div>
<div class="l3" val="基金清算规则"><input type="checkbox">基金清算规则</div>
<div class="l4" val="基金交收规则"><input type="checkbox">基金交收规则</div>
<div class="l4" val="申请单号规则"><input type="checkbox">申请单号规则</div>
<div class="l4" val="机构识别码"><input type="checkbox">机构识别码</div>
<div class="l3" val="无头账认领"><input type="checkbox">无头账认领</div>
<div class="l4" val="无头账认领"><input type="checkbox">无头账认领</div>
<div class="l4" val="取消认领"><input type="checkbox">取消认领</div>
<div class="l4" val="禁止认领"><input type="checkbox">禁止认领</div>
<div class="l3" val="交收路线图"><input type="checkbox">交收路线图</div>
<div class="l4" val="三方存管银行设置"><input type="checkbox">三方存管银行设置</div>
<div class="l4" val="三方存管账户设置"><input type="checkbox">三方存管账户设置</div>
<div class="l4" val="三方存管日终划付查询"><input type="checkbox">三方存管日终划付查询</div>
<div class="l4" val="基金交收指令维护"><input type="checkbox">基金交收指令维护</div>
<div class="l4" val="基金交收指令查询"><input type="checkbox">基金交收指令查询</div>
<div class="l4" val="基金划款指令"><input type="checkbox">基金划款指令</div>
<div class="l4" val="三方存管数据字典设置"><input type="checkbox">三方存管数据字典设置</div>
<div class="l4" val="三方存管日终划付导出"><input type="checkbox">三方存管日终划付导出</div>
<div class="l4" val="三方存管日终划付导出(新意接口)"><input type="checkbox">三方存管日终划付导出(新意接口)</div>
<div class="l3" val="B股境外业务"><input type="checkbox">B股境外业务</div>
<div class="l4" val="深圳二类交收指令"><input type="checkbox">深圳二类交收指令</div>
<div class="l4" val="深圳会员成交确认"><input type="checkbox">深圳会员成交确认</div>
<div class="l4" val="上海基金交易指令"><input type="checkbox">上海基金交易指令</div>
<div class="l4" val="上海基金交收指令"><input type="checkbox">上海基金交收指令</div>
<div class="l4" val="上海会员成交确认"><input type="checkbox">上海会员成交确认</div>
<div class="l3" val="资金试交收统计"><input type="checkbox">资金试交收统计</div>
<div class="l4" val="试交收统计"><input type="checkbox">试交收统计</div>
<div class="l4" val="试交收查询"><input type="checkbox">试交收查询</div>
<div class="l4" val="非统计席位维护"><input type="checkbox">非统计席位维护</div>
</div>
</body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -