****************************************************************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>
本文介绍了一个使用JavaScript实现的在DWZ富客户端框架中获取带复选框树形结构选中值的方法。通过遍历ID为't2'的元素下所有选中的复选框,将值拼接成字符串并展示。示例代码展示了如何获取并弹出选中节点的值。
122

被折叠的 条评论
为什么被折叠?



