模块标题 标识符 类别 链接 排序
系统管理     1
用户权限设定 Sys_UserModelConfigList 模块 Sys_UserModelConfigList.aspx 1
角色管理     2
系统角色维护 Sys_PartAdd 模块 Sys_PartAdd.aspx 1
系统角色管理 Sys_PartList 模块 Sys_PartList.aspx 2
模块管理     4
模块维护 Sys_modelList 模块 Sys_modelList.aspx 1
模块注册 Sys_ModelAdd 模块 Sys_ModelAdd 2
模块测试 Sys_ModelAdd 模块 Sys_ModelAdd 2
模块测试 Sys_ModelAdd 模块 Sys_ModelAdd 2
模块测试 Sys_ModelAdd 模块 Sys_ModelAdd 2
模块测试 Sys_ModelAdd 模块 Sys_ModelAdd 2
模块测试 Sys_ModelAdd 模块 Sys_ModelAdd 2
模块测试 Sys_ModelAdd 模块 Sys_ModelAdd 2
公共信息     2
员工通讯 BAS_EmpList 模块 BAS_EmpList 1
    <table id="treeTable1" style="width:100%;">
<thead>
<tr>
<th style="width:30%">模块标题</th>
<th>标识符</th>
<th style="width:10%">类别</th>
<th style="width:20%">链接</th>
<th style="width:10%">排序</th>
</tr>
</thead>
<tbody>
<tr id="1">
<td><input type="checkbox" name="mid" value="1" onclick="chkModel(this);" /> 系统管理</td>
<td class="center"></td>
<td class="center">组</td>
<td class="center"></td>
<td class="center">1</td>
</tr>
<tr id="47" pId='1'>
<td><input type="checkbox" name="mid" value="47" onclick="chkModel(this);" /> 用户权限设定</td>
<td class="center">Sys_UserModelConfigList</td>
<td class="center">模块</td>
<td class="center">Sys_UserModelConfigList.aspx</td>
<td class="center">1</td>
</tr>
<tr id="12" pId='1'>
<td><input type="checkbox" name="mid" value="12" onclick="chkModel(this);" /> 角色管理</td>
<td class="center"></td>
<td class="center">组</td>
<td class="center"></td>
<td class="center">2</td>
</tr>
<tr id="4" pId='12'>
<td><input type="checkbox" name="mid" value="4" onclick="chkModel(this);" /> 系统角色维护</td>
<td class="center">Sys_PartAdd</td>
<td class="center">模块</td>
<td class="center">Sys_PartAdd.aspx</td>
<td class="center">1</td>
</tr>
<tr id="5" pId='12'>
<td><input type="checkbox" name="mid" value="5" onclick="chkModel(this);" /> 系统角色管理</td>
<td class="center">Sys_PartList</td>
<td class="center">模块</td>
<td class="center">Sys_PartList.aspx</td>
<td class="center">2</td>
</tr>
<tr id="48" pId='1'>
<td><input type="checkbox" name="mid" value="48" onclick="chkModel(this);" /> 模块管理</td>
<td class="center"></td>
<td class="center">组</td>
<td class="center"></td>
<td class="center">4</td>
</tr>
<tr id="49" pId='48'>
<td><input type="checkbox" name="mid" value="49" onclick="chkModel(this);" /> 模块维护</td>
<td class="center">Sys_modelList</td>
<td class="center">模块</td>
<td class="center">Sys_modelList.aspx</td>
<td class="center">1</td>
</tr>
<tr id="50" pId='48'>
<td><input type="checkbox" name="mid" value="50" onclick="chkModel(this);" /> 模块注册</td>
<td class="center">Sys_ModelAdd</td>
<td class="center">模块</td>
<td class="center">Sys_ModelAdd</td>
<td class="center">2</td>
</tr>
<tr id="500" pId='48'>
<td><input type="checkbox" name="mid" value="500" onclick="chkModel(this);" /> 模块测试</td>
<td class="center">Sys_ModelAdd</td>
<td class="center">模块</td>
<td class="center">Sys_ModelAdd</td>
<td class="center">2</td>
</tr>
<tr id="501" pId='500'>
<td><input type="checkbox" name="mid" value="501" onclick="chkModel(this);" /> 模块测试</td>
<td class="center">Sys_ModelAdd</td>
<td class="center">模块</td>
<td class="center">Sys_ModelAdd</td>
<td class="center">2</td>
</tr>
<tr id="502" pId='500'>
<td><input type="checkbox" name="mid" value="502" onclick="chkModel(this);" /> 模块测试</td>
<td class="center">Sys_ModelAdd</td>
<td class="center">模块</td>
<td class="center">Sys_ModelAdd</td>
<td class="center">2</td>
</tr>
<tr id="503" pId='502'>
<td><input type="checkbox" name="mid" value="503" onclick="chkModel(this);" /> 模块测试</td>
<td class="center">Sys_ModelAdd</td>
<td class="center">模块</td>
<td class="center">Sys_ModelAdd</td>
<td class="center">2</td>
</tr>
<tr id="504" pId='502'>
<td><input type="checkbox" name="mid" value="504" onclick="chkModel(this);" /> 模块测试</td>
<td class="center">Sys_ModelAdd</td>
<td class="center">模块</td>
<td class="center">Sys_ModelAdd</td>
<td class="center">2</td>
</tr>
<tr id="505" pId='502'>
<td><input type="checkbox" name="mid" value="505" onclick="chkModel(this);" /> 模块测试</td>
<td class="center">Sys_ModelAdd</td>
<td class="center">模块</td>
<td class="center">Sys_ModelAdd</td>
<td class="center">2</td>
</tr>
<tr id="6">
<td><input type="checkbox" name="mid" value="6" onclick="chkModel(this);" /> 公共信息</td>
<td class="center"></td>
<td class="center">组</td>
<td class="center"></td>
<td class="center">2</td>
</tr>
<tr id="7" pId='6'>
<td><input type="checkbox" name="mid" value="7" onclick="chkModel(this);" /> 员工通讯</td>
<td class="center">BAS_EmpList</td>
<td class="center">模块</td>
<td class="center">BAS_EmpList</td>
<td class="center">1</td>
</tr> </tbody>
</table>

树形菜单复选框级联选择HTML的更多相关文章

  1. springMVC 复选框带有选择项记忆功能的处理

    前言:由于jsp管理页面经常会遇到复选框提交到JAVA后台,后台处理逻辑完成后又返回到jsp页面,此时需要记住jsp页面提交时复选框的选择状态,故编写此功能! 一.复选框的初始化 1.1.jsp页面 ...

  2. ExtJs4中的复选树级联选择

    好久没有写新的博文了,过了个年休息了近一个月,人都懒散了.. 这几天要把项目中的几个模块有ext3升级到ext4,还要保持页面展示和功能要跟3.x版本的一样.升级并不是一件简单的是,基本相当于重写了, ...

  3. 用jquery修改默认的单选框radio或者复选框checkbox选择框样式

    默认的radio和checkbox选框很难看.我去看了一下qq注册的页面.发现单选和复选框并没有用<input>,居然是用是A标签.然后用css背景图片展示选择框,用JavaScript控 ...

  4. ExtJS表格——行号、复选框、选择模型

    本篇的内容是为表格添加行号,和复选框,最后谈一下Ext的选择模型.内容比较简单,就直接上代码了.一. 设置行号   行号的设置主要问题在于删除某一行后需要重新计算行号  Ext.onReady(fun ...

  5. Tree菜单 复选框选中控制DEMO

    java 对应实体类属定义 public class AccoSysmanResource{        /**     * 资源类型     */    private Integer resou ...

  6. javascript 动态控制复选框的选择和取消

    这里就需要引入一个jquery-1.4.2.js 就行了,因为用到了里面的选择器 <html> <head> <script type="text/javasc ...

  7. jquery Treeview插件的使用及复选框的级联

    本文是对jquery的Treeview插件使用的实例介绍 效果图如下: 文件结构如下:

  8. elementui禁用树形结构全部复选框

    需求:编辑回显数据后,禁用树形结构复选框,不可选中,无复选框也不可选中 <el-tabs v-model="activeName" @tab-click="hand ...

  9. 关于textjs的tree带复选框的树

    通过查阅一些资料和自己之前了解到的一些相关知识,有时项目中需要用到.话不多说,先看一下效果图: 我写的这人员选择的树,主要是改写了TreePanel,如下代码: ExtendTreePanel.js ...

随机推荐

  1. HDU 5777 domino (排序,水题)

    题意:小白在玩一个游戏.桌子上有n张多米诺骨牌排成一列.它有k次机会,每次可以选一个还没有倒的骨牌,向左或者向右推倒.每个骨 牌倒下的时候,若碰到了未倒下的 骨牌,可以把它推倒.小白现在可以随意设置骨 ...

  2. 使用maphilight高亮显示map的指定area

    引用jquery.maphilight.js之后,调用如下方法: //obj参数是代表一个或者多个area的jQuery对象 function areaLight(obj) { var data = ...

  3. Android导入自定义的jar包时出现 E/AndroidRuntime(486): java.lang.NoClassDefFoundError错误

    把自定义的jar包放在Android的工程的libs目录下,运行程序,会出现一下错误: 10-10 08:34:06.479: E/dalvikvm(486): Could not find clas ...

  4. Session的实现与存储

    [集群中session安全和同步]   使用数据库来保存session,就算服务器宕机了也没事,session照样在. 每次请求都进行数据库读写开销不小(使用内存数据库可以提高性能,宕机就会丢失数据. ...

  5. js 中使用工厂方法和构造器方法

    1 直接创建对象 <!DOCTYPE html> <html> <head lang="en"> <meta charset=" ...

  6. wikioi 3038 3n+1问题

    题目描述 Description 3n+1问题是一个简单有趣而又没有解决的数学问题.这个问题是由L. Collatz在1937年提出的.克拉兹问题(Collatz problem)也被叫做hailst ...

  7. uva 387 A Puzzling Problem (回溯)

     A Puzzling Problem  The goal of this problem is to write a program which will take from 1 to 5 puzz ...

  8. TP复习15

    ## ThinkPHP 3.1.2 URL#讲师:赵桐正微博:http://weibo.com/zhaotongzheng 本节课大纲:一.URL规则 1.默认是区分大小写的 2.如果我们不想区分大小 ...

  9. 在Android上使用ZXing识别条形码/二维码

    越来越多的手机具备自动对焦的拍摄功能,这也意味着这些手机可以具备条码扫描的功能.......手机具备条码扫描的功能,可以优化购物流程,快速存储电子名片(二维码)等. 本文使用ZXing 1.6实现条码 ...

  10. ios开发——实用技术总结Swift篇&swift常用开发技术总结

    swift常用开发技术总结 懒加载:属性,数组(字典),控件... 数组(懒加载): lazy var shops:Array<Dictionary<String, String>& ...