`
xf0324
  • 浏览: 2291 次
  • 性别: Icon_minigender_1
  • 来自: 北京
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

js实现checkbox多级选择

F# 
阅读更多
<script type="text/javascript">

function chose(obj){
  var funid= obj.id;
  var f = window.document.sysRoleForm;
  var ele = f.elements;
  var len = funid.length;
  var lent = len/3;
  var endsub = len-3;
  var count = 0;
  var tolcount =0;

  switch(obj.checked){
case true:{

   for (var i = 0; i < ele.length; i++) {
var name = ele[i].id;
if(name.indexOf(funid)==0){
document.sysRoleForm.all(name).checked=true;
}
}
for(i=1;i<lent;i++){
var sub = funid.substring(0,endsub);
endsub=endsub-3;
   document.sysRoleForm.all(sub).checked=true;
}
break;
}
case false:{
for (var i = 0; i < ele.length; i++) {
var name = ele[i].id;
var nlen = name.length;
if(name.indexOf(funid)==0){
document.sysRoleForm.all(name).checked=false;
}
if(nlen>3){
var  subname = name.substring(0,nlen-3);
if(nlen==len && funid.indexOf(subname)==0){
count = count +1 ;
}
if(nlen==len && funid.indexOf(subname)==0 && document.sysRoleForm.all(name).checked==false){
tolcount = tolcount +1 ;
}

  }
}
if(count==tolcount && count!=0 && tolcount !=0){
subfunid = funid.substring(0,endsub)
document.sysRoleForm.all(subfunid).checked=false;
}
break;
}
}
}
</script>
  • a.rar (1.6 KB)
  • 下载次数: 24
分享到:
评论

相关推荐

    javascript实现checkbox多级选择

    在JavaScript编程中,实现Checkbox的多级选择是一个常见的需求,特别是在构建交互式的用户界面时。Checkbox,也就是复选框,通常用于让用户从多个选项中选择一个或多个。在这个场景下,"多级选择"通常指的是分组或者...

    js多级联动多选checkbox插件

    在JavaScript开发中,多级联动多选checkbox插件是一种常见的交互元素,用于实现层次结构数据的筛选和选择。这类插件通常用在如地区选择、类别分类等场景,用户可以通过逐级选择来过滤出需要的结果。`cascadebox-...

    javascript 多级checkbox选择效果

    本文将介绍一个JavaScript实现的多级checkbox选择效果,包括了前端代码的核心部分和如何使用这些代码来创建一个具有层级结构的复选框选择器。 首先,我们定义了几个全局变量用于管理多级checkbox的状态和渲染。其中...

    JS实现TreeView中Checkbox的控制

    `JS`(JavaScript)作为网页动态交互的主要语言,是实现`TreeView`中`Checkbox`功能的关键。本篇文章将深入探讨如何使用`JS`来实现`TreeView`中`Checkbox`的控制,包括点击父节点时全选子节点,以及点击子节点时保持...

    bootstrap多级菜单+checkbox+带筛选

    在“bootstrap多级菜单+checkbox+带筛选”这个主题中,我们将深入探讨如何利用Bootstrap创建具有多级结构的菜单,并结合复选框(checkbox)功能,实现动态筛选的功能。 首先,多级菜单是网页导航中常见的一种设计,...

    jstree_checkbox

    "jstree_checkbox"是一个专门用于创建具有复选框功能的权限树结构的JavaScript库。在Web开发中,这样的工具非常实用,特别是在处理用户角色、权限分配或组织结构等需要多级选择和层级关系的场景。它允许用户通过交互...

    laravel-admin:form表单树状复选框组件(CheckboxTree).rar

    本篇文章将详细讲解如何在 Laravel-Admin 中使用 "CheckboxTree" 组件,这是一个用于实现树状复选框功能的插件,特别适合处理涉及多级分类或权限分配的问题。 首先,我们需要了解 "CheckboxTree" 的基本概念。在 ...

    多级垂直水平Checkbox选择

    本文将深入探讨“多级垂直水平Checkbox选择”这一jQuery特效,这是一种实现多级选择功能的方法,通常用于数据筛选、层级分类或者用户权限设定等场景。 在“多级下拉垂直水平Checkbox联动选择”中,主要涉及到以下几...

    纯JS+HTML写的checkBox Tree 级联选中 好用无BUG

    在前端开发中,CheckBox Tree(复选框树)是一种常见的组件,用于展示具有层级关系的数据,并支持用户进行多级选择。这个"纯JS+HTML写的checkBox Tree 级联选中"实例,解决了其他示例中可能存在的BUG,提供了一个...

    前端web select 多层级选择。利用 ztree.js 实现下拉框的多选和单选demo.有兴趣的可以了解一下。

    zTree.js 是一款强大的 jQuery 插件,专门用于构建这种多级树状结构,它能很好地解决这类问题。在本教程中,我们将深入探讨如何利用 zTree.js 实现下拉框的多选和单选功能。 首先,zTree.js 提供了丰富的 API 和...

    checkbox二级联动-亲测有效

    这个功能通常用于实现多级选择或分类筛选,例如在组织结构、产品分类或者层级菜单中。本案例中的"checkbox复选框"就是这样一个应用场景,通过JavaScript或者jQuery来实现复选框之间的联动效果。 首先,我们来看...

    CheckBox 选中效果 选中子的父自动选中,选中父的子全部选中

    其中,CheckBox控件因其在数据选择和表单提交中的广泛应用而成为优化的重点之一。当用户在一个层级结构中操作多个CheckBox时,实现“选中子项自动选中父项”或“选中父项则所有子项均被选中”的功能可以极大地提高...

    Treeview中checkbox选择问题

    综上所述,解决`Treeview`中`Checkbox`选择问题的关键在于实现两个主要功能:一是当选择一个子节点时,自动选中其父节点;二是当取消父节点的选择时,取消所有子节点的选择。通过上述代码片段中的`OnCheckEvent`、`...

    checkbox全选功能实例

    在网页设计和开发中,`checkbox`元素是一个重要的交互组件,它允许用户对一组选项进行选择或取消选择。本文将详细讲解如何实现`checkbox`的全选功能,这对于初学者理解`checkbox`的应用及其在页面布局中的使用至关...

    两层嵌套的checkbox记录选中状态

    2. **多级嵌套Checkbox的状态管理**:在多层嵌套的情况下,我们需要跟踪每一层的选中状态。当一个父级Checkbox被选中时,其子级Checkbox可能需要全部被选中;反之,父级未选中时,子级状态也可能需要同步。这通常...

    jQuery多级复选框checkbox选中代码

    本教程主要探讨的是如何使用jQuery实现多级复选框(checkbox)的功能,包括水平横向、垂直纵向两种排列方式,并且提供了三种不同的样式供选择。通过这个项目,我们可以学习到如何用jQuery控制复选框的状态,以及如何...

    jQuery操作checkbox并获取选中值

    在网页开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM...在实际开发中,还可以根据需求进行更复杂的逻辑处理,如分组选择、多级联动等。希望这个教程能帮助你更好地理解和运用jQuery来控制checkbox。

    vue基于element-ui的三级CheckBox复选框功能的实现代码.zip

    Vue.js 是一个流行的前端JavaScript框架,它以其轻量级、高效和易用性著称。Element UI 是一套基于 Vue 的组件库,专为构建企业级后台界面设计,提供了丰富的组件和美观的样式。在本项目中,我们关注的是如何利用 ...

    js css3表单checkbox多选框选择效果

    本文将深入探讨如何利用JavaScript (js) 和 CSS3 (css3) 来创建具有视觉吸引力的表单checkbox多选框选择效果。 首先,我们需要了解HTML中的Checkbox基本结构。在HTML中,`&lt;input&gt;`标签用于创建多选框,其type属性...

Global site tag (gtag.js) - Google Analytics