树形菜单复选框级联选择HTML
| 模块标题 | 标识符 | 类别 | 链接 | 排序 |
|---|---|---|---|---|
| 系统管理 | 组 | 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的更多相关文章
- springMVC 复选框带有选择项记忆功能的处理
前言:由于jsp管理页面经常会遇到复选框提交到JAVA后台,后台处理逻辑完成后又返回到jsp页面,此时需要记住jsp页面提交时复选框的选择状态,故编写此功能! 一.复选框的初始化 1.1.jsp页面 ...
- ExtJs4中的复选树级联选择
好久没有写新的博文了,过了个年休息了近一个月,人都懒散了.. 这几天要把项目中的几个模块有ext3升级到ext4,还要保持页面展示和功能要跟3.x版本的一样.升级并不是一件简单的是,基本相当于重写了, ...
- 用jquery修改默认的单选框radio或者复选框checkbox选择框样式
默认的radio和checkbox选框很难看.我去看了一下qq注册的页面.发现单选和复选框并没有用<input>,居然是用是A标签.然后用css背景图片展示选择框,用JavaScript控 ...
- ExtJS表格——行号、复选框、选择模型
本篇的内容是为表格添加行号,和复选框,最后谈一下Ext的选择模型.内容比较简单,就直接上代码了.一. 设置行号 行号的设置主要问题在于删除某一行后需要重新计算行号 Ext.onReady(fun ...
- Tree菜单 复选框选中控制DEMO
java 对应实体类属定义 public class AccoSysmanResource{ /** * 资源类型 */ private Integer resou ...
- javascript 动态控制复选框的选择和取消
这里就需要引入一个jquery-1.4.2.js 就行了,因为用到了里面的选择器 <html> <head> <script type="text/javasc ...
- jquery Treeview插件的使用及复选框的级联
本文是对jquery的Treeview插件使用的实例介绍 效果图如下: 文件结构如下:
- elementui禁用树形结构全部复选框
需求:编辑回显数据后,禁用树形结构复选框,不可选中,无复选框也不可选中 <el-tabs v-model="activeName" @tab-click="hand ...
- 关于textjs的tree带复选框的树
通过查阅一些资料和自己之前了解到的一些相关知识,有时项目中需要用到.话不多说,先看一下效果图: 我写的这人员选择的树,主要是改写了TreePanel,如下代码: ExtendTreePanel.js ...
随机推荐
- angular select中ng-options使用
function selectCtrl($scope) { $scope.selected = ''; $scope.model = [{ id: 10001, mainCategory: '男', ...
- C：冒泡排序
冒泡排序 C语言在运行的时候,不会帮我们检查数组的下标. 冒泡排序:有n个数字,需要进行 n - 1 趟比较大小(元素的个数减去 1).外层循环 for( int i = 0; i < coun ...
- linq 动态排序，不使用反射
之前网上搜索的相关方法都是使用了反射的方法来动态获取字段,以实现动态linq排序,但是因为项目组觉得此方法效率低下,所以不予采纳. 所以有了以下代码 public interface IBase{ d ...
- .git文件过大！删除大文件
在我们日常使用Git的时候,一般比较小的项目,我们可能不会注意到.git 这个文件. 其实, .git文件主要用来记录每次提交的变动,当我们的项目越来越大的时候,我们发现 .git文件越来越大. 很大 ...
- How to Send Information (String, Image, Record) Between Two Applications
http://delphi.about.com/od/windowsshellapi/a/wm_copydata.htm here are many situation when you need t ...
- 用iframe设置代理解决ajax跨域请求问题
面对ajax跨域请求的问题,想用代理的方式来解决这个跨域问题.在服务器端创建一个静态的代理页面,在客户端用iframe调用这个代理 今天在项目中需要做远程数据加载并渲染页面,直到开发阶段才意识到aja ...
- BZOJ 1014: [JSOI2008]火星人prefix Splay+二分
1014: [JSOI2008]火星人prefix 题目连接: http://www.lydsy.com/JudgeOnline/problem.php?id=1014 Description 火星人 ...
- Codeforces Round #313 (Div. 1) A. Gerald's Hexagon 数学题
A. Gerald's Hexagon Time Limit: 20 Sec Memory Limit: 256 MB 题目连接 http://codeforces.com/contest/559/p ...
- 配置yii访问远程数据库
1.将hdp002的数据库放到hdp004后,发现yii出现找不到表messages的迹象.用hdp002远程登录hdp004后发现,原来是hdp004没有授权给hdp002,用下面的sql语句即可: ...
- cocos2d-html5 笔记5: 事件
在cocos2d里面,通过Node的方式,将整个场景以及里面的object给组织起来,这样很容易画了,从root node开始遍历,把整棵树画出来就是了. 剩下就是animation,timer, 还 ...