dwz tree 取得所选择的值

本文介绍了一个使用JavaScript实现的在DWZ富客户端框架中获取带复选框树形结构选中值的方法。通过遍历ID为't2'的元素下所有选中的复选框,将值拼接成字符串并展示。示例代码展示了如何获取并弹出选中节点的值。
摘要由CSDN通过智能技术生成

 ****************************************************************JS代码****************************************************************

[javascript] view plain copy
  1. <script type="text/javascript">  
  2.   
  3.  //遍历被选中CheckBox元素的集合 得到Value值  
  4.  function treeclick()  {  
  5.  var oidStr=""//定义一个字符串用来装值的集合  
  6.   
  7. //jquery循环t2下的所有选中的复选框  
  8.   $("#t2 input:checked").each(function(i,a){  
  9.     //alert(a.value);  
  10.     oidStr +=a.value+',';  //拼接字符串  
  11.   });  
  12.   alert(oidStr);  
  13.  }  
  14. </script>  

****************************************************************HTML代码****************************************************************

用的是DWZ富客户端框架。它的树表现形式是通过 <ul id="t1" class="tree treeFolder treeCheck expand" oncheck="">代码来控制的,意思是这是一棵带复选框的树。

  1. <div id="t2"  
  2.       style="display: block; overflow: auto; height: 430px; border: solid 1px #CCC; line-height: 21px; background: #FFF;">  
  3.       <ul id="t1" class="tree treeFolder treeCheck expand" oncheck="">  
  4.        <li>  
  5.         <a tname="name" tvalue="value5">XX管理</a>  
  6.         <ul>  
  7.          <li>  
  8.           <a tname="name" tvalue="1" checked="true">数据采集</a>  
  9.          </li>  
  10.          <li>  
  11.           <a tname="name" tvalue="11">数据审核</a>  
  12.          </li>  
  13.          <li>  
  14.           <a tname="name" tvalue="12">数据定制</a>  
  15.          </li>  
  16.          <li>  
  17.           <a tname="name" tvalue="13">数据下载</a>  
  18.          </li>  
  19.          <li>  
  20.           <a tname="name" tvalue="14">数据管理</a>  
  21.          </li>  
  22.         </ul>  
  23.        </li>  
  24.        <li>  
  25.         <a tname="name" tvalue="2">用户管理</a>  
  26.         <ul>  
  27.          <li>  
  28.           <a tname="name" tvalue="21" checked="true">查看用户</a>  
  29.          </li>  
  30.          <li>  
  31.           <a tname="name" tvalue="22">新增用户</a>  
  32.          </li>  
  33.          <li>  
  34.           <a tname="name" tvalue="23">修改用户</a>  
  35.          </li>  
  36.          <li>  
  37.           <a tname="name" tvalue="24">删除用户</a>  
  38.          </li>  
  39.         </ul>  
  40.        </li>  
  41.        <li>  
  42.         <a tname="name" tvalue="3">系统管理</a>  
  43.         <ul>  
  44.          <li>  
  45.           <a tname="name" tvalue="31" checked="true">登录后台</a>  
  46.          </li>  
  47.          <li>  
  48.           <a tname="name" tvalue="32">查看日志</a>  
  49.          </li>  
  50.          <li>  
  51.           <a tname="name" tvalue="33">信息设置</a>  
  52.          </li>  
  53.          <li>  
  54.           <a tname="name" tvalue="34">删除日志</a>  
  55.          </li>  
  56.         </ul>  
  57.        </li>  
  58.       </ul>  
  59.      </div> 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值