`

一个页面多个列表 要实现各自列表的全选不受影响

阅读更多

这个肯定要js实现的嘛 所以 先发下js

<script>

    //全选
    function CheckAll(chks, chkItem, hnDeleteId) {      
        document.getElementById(hnDeleteId).value = "";
        var inputs = document.getElementsByTagName("input");
        var c = 1;
        for (var i = 0; i < inputs.length; i++) {
            if (inputs[i].type == "checkbox" && inputs[i].id.indexOf(chkItem) != -1) {
                inputs[i].checked = chks.checked;
                if (inputs[i].checked) {
                    c++;
                    if (c == 2) {
                        document.getElementById(hnDeleteId).value = inputs[i].value;
                    } else {
                        document.getElementById(hnDeleteId).value += "," + inputs[i].value;
                    }
                }

            }
        }
    }
    //单选
    function CheckSingle(chkItem, hnDeleteId) {    
        document.getElementById(hnDeleteId).value = "";
        var inputs = document.getElementsByTagName("input");
        var c = 1;
        for (var i = 0; i < inputs.length; i++) {
            if (inputs[i].type == "checkbox" && inputs[i].id.indexOf(chkItem) != -1) {
                if (inputs[i].checked) {
                    c++;
                    if (c == 2) {
                        document.getElementById(hnDeleteId).value = inputs[i].value;
                    } else {
                        document.getElementById(hnDeleteId).value += "," + inputs[i].value;
                    }
                }

            }
        }

<script>

 

首先解释CheckAll(chks, chkItem, hnDeleteId)  调用和参数问题,这是表头全选的点击事件,第一个参数是当前点击控件,要知道是点击的哪个嘛,第二个参数是 对应该列表中的单选复选框的名字,第三个参数是保存你选中的的值的隐藏值控件id,用于删除等操作,CheckSingle(chkItem, hnDeleteId)  第一个参数是单选复选框的名字(其实也可以用this的),第二个是参数是保存你选中的的值的隐藏值控件id

0
0
分享到:
评论
发表评论

文章已被作者锁定,不允许评论。

相关推荐

    JSF中使用BooleanCheckbox实现全选功能

    这篇博客文章“JSF中使用BooleanCheckbox实现全选功能”可能详细讲解了如何利用这种组件在用户界面中创建一个可以勾选的复选框,以便一次性选择或取消选择多个条目。下面我们将深入探讨JSF中的BooleanCheckbox及其在...

    多个jquery.datatable共存,checkbox全选异常的快速解决方法

    当多个 DataTables 控件在同一个页面上并存时,它们各自的全选复选框可能具有相同的 ID —— “chk_all”。由于 ID 在 HTML 中必须是唯一的,因此当用户尝试对其中一个表格进行全选操作时,JavaScript 事件处理程序...

    多个datatable共存造成多个表格的checkbox都被选中

    然而,在某些情况下,如果一个页面中存在多个DataTable实例,可能会遇到一个特定的问题:当尝试在一个表格中全选时,所有表格的复选框(checkbox)都会被选中。这是因为DataTable的复选框插件默认设置导致的冲突。 ...

    复 选 框 应 用.rar

    复选框在IT界是一种常见的用户界面元素,广泛应用于各种软件和网页设计中,用于让用户在多个选项中选择一个或多个。在这个名为“复选框应用”的压缩包中,我们很可能会找到关于如何在不同场景下有效利用复选框的详细...

    360快捷键[归类].pdf

    Alt+A展开收藏夹列表,Alt+D焦点移至地址栏,Alt+C打开侧边栏的收藏夹,Alt+E、Alt+F、Alt+H、Alt+M、Alt+Q、Alt+T、Alt+V和Alt+Z分别对应展开编辑、文件、帮助、菜单栏更多、填写当前表单、工具、查看和重新打开...

    fastreportc#初级教程之报表设计器环境借鉴.pdf

    鼠标的点击和滚动操作也有各自的作用,例如左键选择对象,右键打开对象菜单,滚轮滚动报表,Shift+左键多选,Ctrl+右键划选多个对象等。 在设计模式工具栏中,有对象选择、手形工具、缩放工具、文本编辑工具和格式...

    Tree和grid

    5. 分页,处理大量数据时,将数据分为多个页面进行展示。 6. 表头固定,即使滚动内容,表头依然可见,便于用户参考。 7. 自定义样式和模板,可以自定义单元格的样式和内容显示方式。 在实际开发中,"Tree"和"Grid...

    教师计算机中级考试理论习题.pdf

    【知识点详解】 1. 教师专业化:教师专业化是指...这些知识点涵盖了教师专业化、教育技术的发展、教学目标设定、信息资源管理、计算机软件应用、教学评价原则等多个领域,反映了计算机中级考试中可能涉及的理论内容。

    文章管理器v3.3.6.5.rar

    全文检索功能可以快速查询您之前录入过的数据,免去一个个文件打开然后查找数据的麻烦,如果录入的资料未找到信息也可以让其搜寻网络;导入/导出功能可以使志同道合之人很方便的实现数据共享...... =========...

    CSS定义Hover实现文字变大的超级链接

    在了解如何通过CSS定义实现hover状态下超级链接文字变大的效果之前,我们首先需要对CSS选择器和伪类选择器有一个基础的认识。CSS(Cascading Style Sheets)是一种用于描述HTML或XML文档样式的计算机语言,它允许...

    键盘的应用-按键上每个键的作用

    在多个元素间切换焦点,如浏览器中的不同地址栏组件。 - **F10**:菜单。激活菜单栏,使其下拉菜单可用。 2. **CTRL+组合键**: - **CTRL+A**:全选。选中当前文档或窗口中的所有内容。 - **CTRL+C**:复制。...

    计算机操作的快捷键.pdf

    - Ctrl+Shift+L:在Word等编辑器中快速创建一个列表 - Ctrl+D:打开字体设置对话框 文件操作快捷键: - Ctrl+Shift+N:在Windows资源管理器中快速创建新文件夹 - Ctrl+Shift+T:在浏览器中恢复之前关闭的标签页...

    电脑高手常用的65个按钮

    这是一个窗口切换快捷键,通过它可以在打开的多个应用程序间快速切换。按住Alt键不放,每按一次Tab键,就会在不同的窗口之间循环切换,松开Alt键后,会停留在当前选中的窗口上。 #### Alt + Tab + Shift 此组合键...

    计算机应用基础(第3版)章节练习题答案.pdf

    工作簿通常包含多个工作表(Sheet1, Sheet2, Sheet3)。单元格的引用如C2到B5表示一个区域,全选按钮用于一次性选择所有单元格。在电子表格中,可以通过单击或双击来编辑单元格。活动单元格是指当前操作的单元格,而...

    Dreamweaver CS6.pdf

    首先,Dreamweaver CS6的工作界面由多个部分组成,包括菜单栏、文件工具栏、文件窗口、状态区、“属性”面板以及面板组。这些组件共同构成了Dreamweaver CS6的主要操作环境。 在菜单栏中,包含“文件”、“编辑”、...

    dhtmlxTree 2.1标准版(Std)+1.6专业版(Pro)

    dhtmlxTree组件在实际应用中广泛用于网站导航、文件目录展示、组织架构图、产品分类等多个场景。其轻量级的特性使其能够在各种浏览器环境中运行良好,包括IE、Firefox、Chrome、Safari等。同时,由于是基于...

    大学计算机应用基础期末考试题.pdf

    代表任意一个字符,*代表任意多个字符,常用于文件查找和字符串匹配。 19. Excel的五种常用函数:SUM求和,AVERAGE求平均值,COUNT计数,MAX求最大值,MIN求最小值。 20. 在Word中插入文本框,通过“插入”菜单的...

    计算机英语单词.docx

    “挑选”在计算机术语中通常指的是从多个选项中选择一个或几个进行操作。 #### 选择(select) “选择”在计算机上下文中通常指的是从一组选项中选择特定的项目。 #### 组(group) 在计算机科学中,“组”通常指...

    Word编辑参考文献,word技巧.pdf

    5. Word版本差异:文档提到了不同版本的Word,如“Word 5.0”、“Word 3.0”等,说明这些技巧可能在多个版本的Word中都有用。 6. 其他软件工具:文中还提到了一些其他软件工具,例如“Excel”和“Visio”,它们与...

    兼容IE FF Opera的javascript最短的拖动代码

    在讨论如何实现一个兼容Internet Explorer、Firefox以及Opera浏览器的JavaScript拖动层功能之前,我们首先要了解几个关键的概念。 首先,IE、FF和Opera分别指的是三个不同的浏览器:Internet Explorer、Mozilla ...

Global site tag (gtag.js) - Google Analytics