树形菜单复选框级联选择HTML

最新推荐文章于 2021-06-03 07:51:21 发布
最新推荐文章于 2021-06-03 07:51:21 发布
阅读量520 收藏
点赞数
原文链接：http://www.cnblogs.com/zhouzhilong/p/4644714.html
版权
模块标题标识符类别链接排序
系统管理 组 1
用户权限设定Sys_UserModelConfigList模块Sys_UserModelConfigList.aspx1
角色管理 组 2
系统角色维护Sys_PartAdd模块Sys_PartAdd.aspx1
系统角色管理Sys_PartList模块Sys_PartList.aspx2
模块管理 组 4
模块维护Sys_modelList模块Sys_modelList.aspx1
模块注册Sys_ModelAdd模块Sys_ModelAdd2
模块测试Sys_ModelAdd模块Sys_ModelAdd2
模块测试Sys_ModelAdd模块Sys_ModelAdd2
模块测试Sys_ModelAdd模块Sys_ModelAdd2
模块测试Sys_ModelAdd模块Sys_ModelAdd2
模块测试Sys_ModelAdd模块Sys_ModelAdd2
模块测试Sys_ModelAdd模块Sys_ModelAdd2
公共信息 组 2
员工通讯BAS_EmpList模块BAS_EmpList1
    <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" οnclick="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" οnclick="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" οnclick="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" οnclick="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" οnclick="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" οnclick="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" οnclick="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" οnclick="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" οnclick="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" οnclick="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" οnclick="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" οnclick="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" οnclick="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" οnclick="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" οnclick="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" οnclick="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>

 

转载于:https://www.cnblogs.com/zhouzhilong/p/4644714.html

dengdao2427
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
html实现的树状图
05-21
jquery html实现的树状图，样式精美，带鼠标经过和点击时的样式
java中html的树状_HTML中的树状选择
weixin_28754395的博客
02-25 87
使用SELECT元素将不起作用.您可以基于此创建自定义SELECT：CSS：* {margin: 0;padding: 0;}.select, .select-tree {border: 1px solid black;width: 200px;overflow: hidden;list-style-type: none;margin: 10px;}.select .group-label {ba...
html级联选择器,基于selectize.js实现的自定义级联选择器
weixin_42122432的博客
06-03 286
JavaScript语言：JaveScriptBabelCoffeeScript确定"use strict";// Listsvar designList = [{text: "Product Design",value: "product_design"}, {text: "User Interface Design",value: "ui"}, {text: "User Experience ...
经典三级菜单树含复选框
08-03
经典三级菜单树含复选框。当点击父类时子类全选。。等等
bootstrap treeview 树形菜单带复选框及级联选择功能
08-27
Bootstrap Treeview 树形菜单带复选框及级联选择功能 Bootstrap Treeview 是一个基于 Bootstrap 框架的树形菜单插件，提供了树形菜单带复选框及级联选择功能。该插件可以帮助开发者快速创建树形菜单，并提供了丰富...
梅花雪树形菜单2.0带复选框,动态加载,级联选中（CSDN树）
04-18
"梅花雪树形菜单2.0带复选框,动态加载,级联选中（CSDN树）"是一个特定的实现，它包含了一些关键特性，下面将详细介绍这些特性。 1. **复选框**：在每个菜单项旁边添加了复选框，用户可以多选或单选菜单项，这在需要...
带复选框的多级目录树，复选框的选择控制子节点父节点 全选和反选
11-13
当子节点的复选框状态改变时，也会影响到它的父节点，这涉及到“级联选择”或“联动选择”的逻辑。 4. **控制父节点（Controlling Parent Nodes）**： 当用户勾选或取消一个子节点的复选框时，我们需要判断该操作...
原生JS无限级树形菜单（兼容各浏览器）
01-10
可动态添加/删除节点，启用/不启用复选框，启用连线或不连线，支持自定义ICON图标，可获取当前选中节点参数及父级目录树，可用作级联下拉树菜单等。 可获取HTML中li列表自动生成树菜单（可用作网站多级分类目录） ...
CheckBox分级选中 复选框 上下级 联动
04-09
在IT行业中，尤其是在前端开发领域，"CheckBox分级选中 复选框 上下级 联动"是一个常见的功能需求，通常应用于具有层级结构的数据展示和交互场景，比如树形菜单、组织架构选择等。这个功能的核心是实现复选框...
html做的显示省市的树形菜单
08-22
用JavaScript和Div结合做的树形菜单,显示省市的
导航菜单带复选框的目录树(JavaWeb开发)[TreeView]
09-08
导航菜单带复选框的目录树(JavaWeb开发)[TreeView],谢谢使用;希望能够帮助你!
两款带复选框的树形结构
10-28
找了很久的两款简单易用的jquerytree，适用很多开发环境
带有复选框的JS树状菜单
01-24
这个是带有复选框的JS树状菜单，免费给大家分享下
树形菜单复选框级联选择
小雨点的专栏
07-26 3436
点击复选框后，设置父级、子级的选中状态。 全部JS代码如下： function getSiblings(id){ var tr = $("#"+id); var pId = tr.attr("pId"); var siblings = []; if(pId != undefined){ $("tr").each(function(i, ele) { tr = $(
一个html文档可以包含多个标签树,【精品】HTML DOM树知识梳理
weixin_39799307的博客
06-03 531
为什么会提到Dom树呢，或许它对于我们很好地理解网页各个元素，标签和控件搭配，以及各种js，css等的加载会有一些帮助。笔者在工程中遇到了一些小问题，本质就是dom树的东西掌握的不扎实。所以借此来梳理一下。1.HTML DOMok, 我们先来看一下W3school中怎么解释这个概念和结构的。W3school是一个很不错的网站，很适合初学者和基础不扎实的人。HTML DOM 定义了访问和操作 HTM...
html下拉树自带全选,下拉树控件默认全选
weixin_34028581的博客
06-03 360
2.1 准备数据数据集 ds1，查询出所有地区，SQL 语句为：SELECT 货主地区 FROM 订单 where 货主地区!=''数据集 ds2，根据第一层 layer1 的值查询出省份，SQL 语句为：SELECT 货主省份 FROM 订单 where 货主省份!='' and 货主地区='${layer1}'数据集 ds3，根据前两层 layer1、layer2 的值查询出城市，SQL 语...
HTML无限级树形菜单(Sql数据库)
weixin_34376986的博客
03-23 385
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="DefaultTree.aspx.cs" Inherits="DefaultTree" %><html xmlns="http://www.w3.org/1999/xhtml" ><head><meta http-equiv="Content...
树形控件复选框的级联选择
weixin_30733003的博客
07-12 439
用到TreeView的CheckBox时,通常需要联动操作,即父节点被选中,则子节点全部选中,反之一样,这样的需求用JavaScript实现比较适合,如果用c#代码实现这样的效果,性能是不如JavaScript的 贴上代码: Code<scripttype="text/javascript"language="javascript">//checkb...
html+js 实现树形级联选择框代码
最新发布
04-26
好的，这是一个基于 HTML、JavaScript 和 jQuery 的树形级联选择框代码： HTML 代码： ``` 请选择一级分类 分类1 分类2 分类3 请选择二级分类 请选择三级分类 ``` JS 代码： ``` $(function...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值