`

Javascript复选框全选全取消

 
阅读更多
1.var checkFlag = true;     
2.function ChooseAll() { 
3.    if (checkFlag) {         
4.        var inputs = document.all.tags("INPUT");         
5.        for (var i = 0; i < inputs.length; i++) {           
6.            if (inputs[i].type == "checkbox" && inputs[i].id != "CheckAll") { 
7.                inputs[i].checked = true;           
8.            }         
9.        } 
10.        checkFlag = false;       
11.    } else {         
12.        var inputs = document.all.tags("INPUT");         
13.        for (var i = 0; i < inputs.length; i++) {           
14.            if (inputs[i].type == "checkbox" && inputs[i].id != "CheckAll") { 
15.                inputs[i].checked = false;           
16.            }         
17.        } 
18.        checkFlag = true;       
19.    }     
20.} 

分享到:
评论

相关推荐

    javascript 实现复选框全选/取消功能

    ### JavaScript 实现复选框全选/取消功能 在网页开发中,经常需要用到复选框全选或取消的功能。本文将详细介绍如何通过JavaScript实现这一功能,并解析提供的代码片段。 #### 1. 功能概述 本功能的目标是实现一个...

    javascript复选框全选

    javascript 复选框全选,复选框全选,复选框全选

    spreadjs_列头添加复选框全选功能-demo.zip

    《SpreadJS:实现列头复选框全选功能详解》 SpreadJS 是一款强大的JavaScript电子表格库,由 GrapeCity 公司开发,它允许开发者在Web应用中创建、编辑和展示电子表格数据。在实际应用中,我们经常需要在列头添加复...

    js控制复选框全选、全不选

    在JavaScript编程中,"js控制复选框全选、全不选"是一个常见的需求,尤其在数据表或者选项列表中,用户可能希望一次性选中或取消所有复选框。这个功能可以通过编写简单的JavaScript代码实现。这里我们将深入探讨如何...

    复选框全选全不选JS代码

    本文将深入探讨“复选框全选全不选JS代码”的实现原理、应用场景以及如何优化这段代码,以便开发者能够更好地理解和运用到实际项目中。 ### 复选框全选与全不选的概念 复选框(Checkbox)是Web表单中常见的元素,...

    jquery 复选框 全选,全不选

    &lt;title&gt;jQuery 复选框全选全不选示例 &lt;script src="https://code.jquery.com/jquery-3.6.0.min.js"&gt;&lt;/script&gt; &lt;input type="checkbox" id="selectAll"&gt; 全选 ...

    复选框全选、全不选和反选的效果实现.rar

    本资源"复选框全选、全不选和反选的效果实现.rar"聚焦于JavaScript(JS)实现复选框的全选、全不选和反选功能,这对于创建交互性强、用户体验良好的网页表单至关重要。全选、全不选和反选功能使得用户可以便捷地管理...

    JS实现复选框全选全不选以及子复选框带动全选框的选中

    在网页交互设计中,复选框...综上所述,通过JavaScript实现复选框全选全不选以及子复选框带动全选框的选中功能,主要涉及事件监听、DOM操作和状态同步。这种交互设计能提高用户操作的便捷性,提升网页应用的用户体验。

    解决Extjs当中复选框全选后,取消选中某一项,全选框仍是选中状态的问题

    在EXTJS这个强大的JavaScript框架中,用户界面的交互设计是其一大亮点,其中包括各种各样的控件,如复选框(checkboxes)和全选功能。然而,在实际应用中,我们可能会遇到一个问题:当实现全选功能后,如果尝试取消...

    vue+vant-UI框架实现购物车的复选框全选和反选功能

    其中,复选框全选和反选功能可以帮助用户快速选择或取消选择购物车中的全部商品。本文档将会介绍如何使用Vue.js结合Vant-UI组件库来实现这一功能。 #### 2. Vant-UI和Vue.js简介 **Vue.js** 是一个构建用户界面的渐...

    jquery复选框全选操作

    以上就是使用jQuery实现复选框全选和反选的基本步骤。在实际项目中,你可能还需要考虑一些边缘情况,例如当子复选框动态添加或删除时,全选状态的更新等。这个小示例提供了一个基础框架,开发者可以根据具体需求进行...

    JS控制复选框全选、反选,可进行同一页面多个复选框全选控制V2 .0

    在本项目"JS控制复选框全选、反选,可进行同一页面多个复选框全选控制V2.0"中,我们将探讨如何利用JavaScript实现对复选框(checkbox)的全选、反选功能,并获取选中的复选框的值。这些功能在用户界面中常见于批量...

    行的增删,复选框全选全不选

    在IT领域,尤其是在开发用户界面或者数据管理应用时,“行的增删”和“复选框全选全不选”是常见的功能需求。这两个概念主要涉及到数据操作和用户交互设计。 1. **行的增删**: 行的增删通常出现在表格或者列表...

    jQuery一句话实现复选框全选取消

    jQuery作为一款轻量级的JavaScript库,提供了一种简洁、高效的方式来操作DOM元素,实现复选框的全选和取消全选功能。 本文将详细讲解如何使用jQuery一句话实现复选框的全选和取消全选功能。 首先,我们需要在HTML...

    树结构 复选框 多选 全选功能

    在IT领域,尤其是在前端开发中,"树结构 复选框 多选 全选功能"是一个常见的交互设计模式,广泛应用于数据管理、文件系统、菜单导航等场景。这一功能的实现涉及到数据结构、事件处理、状态管理等多个方面的技术。 ...

    JQ 复选框全选反选

    "JQ 复选框全选反选"是jQuery应用中的一个常见功能,主要用于增强用户界面的交互性。在网页中,复选框常常用于让用户多选选项,而全选和反选功能则提供了方便快捷的选择所有或取消所有选项的方式。 首先,我们需要...

    javascript复选框实现批量选择

    2. 在列表下方放置一个“全选/全不选”复选框,当选中“全选/全不选”复选框后,列表中的所有复选框都选中,当取消“全选/全不选”复选框后,列表中的所有复选框都取消选中。 3. 当列表中的复选框都取消选中后,...

    复选框全选和反选.zip

    在IT领域,尤其是在前端开发中,复选框全选和反选是一个常见的功能需求,它通常出现在表格或者列表中,允许用户一次性选择或取消选择所有项目。这个"复选框全选和反选.zip"文件可能包含了一个JavaScript实现的解决...

    复选框全选全不选

    #### 一、复选框全选与全不选功能实现 在Web开发中,实现复选框(checkbox)的全选与全不选功能是一种常见的需求,尤其是在表单数据处理中非常有用。通过这种方式,用户可以方便地选择或取消选择一组选项。 #### ...

    【JavaScript源代码】JavaScript实现复选框全选或全取消操作.docx

    在JavaScript中,实现复选框(checkbox)全选或全取消的操作是常见的需求,尤其在数据表或选项列表中。以下是一种实现方法的详细解析: 首先,我们需要理解基本的HTML结构,这里涉及到一个包含多个复选框的表格。在...

Global site tag (gtag.js) - Google Analytics