****************************************************************JS代码****************************************************************
- <script type="text/javascript">
- //遍历被选中CheckBox元素的集合 得到Value值
- function treeclick() {
- var oidStr=""; //定义一个字符串用来装值的集合
- //jquery循环t2下的所有选中的复选框
- $("#t2 input:checked").each(function(i,a){
- //alert(a.value);
- oidStr +=a.value+','; //拼接字符串
- });
- alert(oidStr);
- }
- </script>
****************************************************************HTML代码****************************************************************
用的是DWZ富客户端框架。它的树表现形式是通过 <ul id="t1" class="tree treeFolder treeCheck expand" oncheck="">代码来控制的,意思是这是一棵带复选框的树。
- <div id="t2"
- style="display: block; overflow: auto; height: 430px; border: solid 1px #CCC; line-height: 21px; background: #FFF;">
- <ul id="t1" class="tree treeFolder treeCheck expand" oncheck="">
- <li>
- <a tname="name" tvalue="value5">XX管理</a>
- <ul>
- <li>
- <a tname="name" tvalue="1" checked="true">数据采集</a>
- </li>
- <li>
- <a tname="name" tvalue="11">数据审核</a>
- </li>
- <li>
- <a tname="name" tvalue="12">数据定制</a>
- </li>
- <li>
- <a tname="name" tvalue="13">数据下载</a>
- </li>
- <li>
- <a tname="name" tvalue="14">数据管理</a>
- </li>
- </ul>
- </li>
- <li>
- <a tname="name" tvalue="2">用户管理</a>
- <ul>
- <li>
- <a tname="name" tvalue="21" checked="true">查看用户</a>
- </li>
- <li>
- <a tname="name" tvalue="22">新增用户</a>
- </li>
- <li>
- <a tname="name" tvalue="23">修改用户</a>
- </li>
- <li>
- <a tname="name" tvalue="24">删除用户</a>
- </li>
- </ul>
- </li>
- <li>
- <a tname="name" tvalue="3">系统管理</a>
- <ul>
- <li>
- <a tname="name" tvalue="31" checked="true">登录后台</a>
- </li>
- <li>
- <a tname="name" tvalue="32">查看日志</a>
- </li>
- <li>
- <a tname="name" tvalue="33">信息设置</a>
- </li>
- <li>
- <a tname="name" tvalue="34">删除日志</a>
- </li>
- </ul>
- </li>
- </ul>
- </div>