`

选择主菜单,自动全选子菜单的checkbox操作

阅读更多
$('input').click(function(){
			if($(this).attr('checked')==true){
				$(this).parents('li').children('div').children('input').attr('checked',true);//上一级被选中或上上一级
				$(this).closest('li').find('input').attr('checked',true);
			}else{
				$(this).closest('li').find('input').attr('checked',false);
			}
		});


<div id="DS">
	<ul>
		<li>
			<div><input type="checkbox">系统管理</div>
			<ul id="DS1">
				<li><div><input type="checkbox">用户管理</div></li>
				<li><div><input type="checkbox">权限管理</div></li>
				<li><div><input type="checkbox">角色管理</div></li>
				<li><div><input type="checkbox">组管理</div></li>
				<li>
					<div><input type="checkbox">组管理2</div>
					<ul>
						<li><div><input type="checkbox">组管理3</div></li>
						
						<li><div><input type="checkbox">组管理4</div></li>
						
					</ul>
				</li>
			</ul>
		</li>
		<li>
			<div><input type="checkbox">用户管理</div>
			<ul id="DS1">
				<li><div><input type="checkbox" />增加用户</div></li>
				<li><div><input type="checkbox" />删除用户</div></li>
			</ul>
		</li>
	</ul>
</div>
分享到:
评论

相关推荐

    Checkbox全选问题

    HtML javascritp checkbox 全选HtML javascritp checkbox 全选

    WPF之CheckBox组的全选设计

    在设计一个CheckBox组时,可能会遇到需要实现全选功能的需求,即点击一个主CheckBox可以同时选择或取消选择所有子CheckBox。这个功能的实现涉及到位运算和枚举的Flags特性,这两个是C#编程中的重要概念。 **位运算*...

    winform DataGridView表头带CheckBox全选

    在这个特定的场景中,我们关注的是如何在`DataGridView`的表头添加一个`CheckBox`,以便实现全选和全不选的功能。这将大大提升用户体验,使得用户可以快速地对所有行进行操作,如批量删除、更新等。 首先,我们需要...

    checkbox的全选与取消

    全选功能通常是通过一个主复选框来实现的,当用户点击这个主复选框时,所有相关的子复选框会被自动选中或取消。这需要用到JavaScript或者jQuery来实现交互逻辑。例如,我们可以添加一个主复选框并监听其`change`事件...

    AndroidListView全选功能,非CheckBox

    `AndroidListView全选功能,非CheckBox`这个主题是关于如何实现ListView中的全选功能,但不使用传统的CheckBox控件。这种实现方式可能是通过自定义Adapter和单个选择状态管理来达到目的。下面将详细介绍这个功能的...

    checkbox实现全选和反选经典例子

    这可以通过监听全选Checkbox的`CheckedChanged`事件来实现,然后遍历DataGridView的所有行,设置每一行的Checkbox为与全选Checkbox状态一致。 - **反选功能**:反选意味着取消所有已选中的项。这可以通过再次触发...

    WPF ListView控件中CheckBox全选联动

    在实际项目中,我们经常需要实现一个功能,即在ListView中加入CheckBox,让用户能够通过一个主CheckBox来控制所有子项CheckBox的选择状态,这就是所谓的全选/反选联动。在本文中,我们将深入探讨如何在WPF的MVVM...

    全选、全取消checkbox.docx

    在网页设计中,全选和全取消功能常常用于多选框(Checkbox)的场景,方便用户快速选择或取消选择所有选项。在HTML和JavaScript中,我们可以实现这样的功能,以提高用户体验。下面我们将深入探讨如何使用JavaScript和...

    Asp.net CheckBoxList操作集合

    在ASP.NET Web Forms开发中,CheckBoxList控件是一种常用的选择组件,它允许用户从一系列选项中选择一个或多个项目。本篇文章将详细讲解如何进行CheckBoxList的操作,包括获取选中项、实现全选、取消选中以及反选...

    checkbox操作

    checkbox全选操作checkbox全选操作checkbox全选操作checkbox全选操作checkbox全选操作checkbox全选操作checkbox全选操作

    Recyclerview item上CheckBox,包括全选,取消全选,单选功能

    而CheckBox则是RecyclerView中的一个元素,常常用于实现多选、全选等交互功能。本文将深入探讨如何在RecyclerView的item上添加CheckBox,并实现全选、取消全选以及单选功能。 首先,我们需要创建一个自定义的...

    常用的js全选checkbox按钮的功能

    在JavaScript(JS)中,全选复选框(checkbox)是一项常见的功能,它允许用户一键选择页面上所有的可选项。这个功能广泛应用于数据表格、表单以及任何包含多个选择的界面中,提升用户体验,简化操作流程。在本篇讨论...

    JS判定全选或单选(checkbox)

    在本文中,我们将深入探讨如何使用JavaScript来处理复选框(checkbox)的选择状态,包括全选和多选的功能。 ### 全选与多选复选框的实现 #### 函数`checkallbox()`详解 此函数的目标是实现“全选”功能。当用户...

    Ext_Net_CheckboxGroup 勾选、全选、反选和限制勾选

    Ext_Net_CheckboxGroup 勾选、全选、反选和限制勾选

    easyui checkbox +全选

    在 Web 应用中,全选功能常常用于表格或列表,允许用户一键选择所有项目,提高操作效率。 全选功能通常涉及两个主要组件:全选按钮和一组复选框。在 EasyUI 中,我们可以利用 `checkbox` 组件来创建复选框,并通过...

    Flex DataGrid CheckBox 一个简单的全选

    在Flex开发中,DataGrid组件是一个非常常用的控件,它用于展示数据集合,并提供交互式操作,如排序、选择等。本示例聚焦于DataGrid中的CheckBox集成,特别是实现一个全选的功能。以下是对这个主题的详细解释: 一、...

    Android Checkbox多选全选

    在很多场景下,比如设置界面、列表选择等,我们常常需要实现Checkbox的多选和全选功能,这使得用户能够方便地批量操作。本教程将详细讲解如何在Android应用中实现Checkbox的多选全选功能。 首先,我们需要了解...

    CheckBox全选并删除

    在一个页面中,如果有多个CheckBox,我们通常会添加一个主CheckBox,当用户勾选这个主CheckBox时,所有子CheckBox会被自动选中。这可以通过JavaScript或jQuery实现前端交互,也可以通过服务器端代码处理。在ASP.NET...

    DataGridView标头CheckBox全选反选

    而在这个特定的场景中,我们需要实现一个增强的功能:在`DataGridView`的列头添加一个`CheckBox`,通过这个`CheckBox`可以实现所有行中对应复选框的全选或反选操作。这个功能在数据管理界面中十分常见,例如在批量...

    带CheckBox的listView 支持多选,全选,反选

    在许多场景下,我们需要在ListView中加入复选框(CheckBox),实现多选、全选和反选的功能,例如在选择联系人、设置菜单等场景。这个“带CheckBox的listView”项目就是为了解决这类需求而设计的,并且已经解决了常见...

Global site tag (gtag.js) - Google Analytics