`

全选/反选

 
阅读更多

 1、JS

<script language="javascript">

function _selectall(checkbox2){

        var cForm = document.theForm;

        if(cForm.checkbox2.checked==true){

            for(var i=0;i<cForm.elements.length;i++){

                if(cForm.elements[i].type=="checkbox"){

                    cForm.elements[i].checked=true;

                }

            }

        }

        else if(cForm.checkbox2.checked==false){

            for(var i=0;i<cForm.elements.length;i++){

                if(cForm.elements[i].type=="checkbox"){

                    cForm.elements[i].checked=false;

                }

            }

        }

    }

</script>

<form name="theForm">

<table>

<tr>

<td><input type="checkbox" name="selectedObjectIds" value="id1"/></td>

</tr>

<tr>

<td><input type="checkbox" name="selectedObjectIds" value="id2"/></td>

</tr>

<tr>

<td><input type="checkbox" name="selectedObjectIds" value="id3"/></td>

</tr>

<tr>

<td><input type="checkbox" id="checkbox2" name="checkbox2" onclick="_selectall(checkbox2)"/>全选/反选</td>

</tr>

</table>

</form>

 2、JQUERY

$("#checkbox2").click(function() {

if ($(this).attr('checked')) {

$(this).attr('checked', true);

$('[name=selectedObjectIds]:checkbok').attr('checked', true);

} else {

$(this).attr('checked', false);

$('[name=selectedObjectIds]:checkbok').attr('checked', false);

}

});

 

分享到:
评论

相关推荐

    简单的JAVASCRIPT全选/反选

    在JavaScript编程中,全选和反选功能是常见的交互操作,尤其在网页表格或列表中。这个主题涉及到了DOM操作、事件处理以及数组方法。下面将详细解释如何使用JavaScript实现全选和反选功能。 首先,我们需要理解...

    GridView全选/反选示例 用checkbox

    在本示例中,我们将探讨如何实现GridView中的全选/反选功能,通过复选框(checkbox)来实现这一操作。这个示例特别适合于那些需要用户批量处理数据的应用场景。 首先,`Default.aspx`是用户界面的主要部分,它包含...

    js全选/反选

    在JavaScript编程中,"全选/反选"是常见的用户交互功能,常见于表格、列表等数据展示场景,允许用户一次性选择或取消选择所有项目。这个功能在网页表单、电子表格应用、在线文档编辑器等领域都有广泛的应用。在本...

    flex datagrid checkbox 全选/反选

    ### Flex DataGrid Checkbox 全选/反选知识点详解 #### 一、概述 Flex DataGrid 控件是Adobe Flex框架中的一个重要组成部分,它提供了一个灵活的方式来展示数据列表,并且支持多种功能,如排序、分组、筛选等。在...

    juqery实现复选框全选/反选demo源码

    在标题"jQuery实现复选框全选/反选demo源码"中,我们关注的核心知识点是利用jQuery实现复选框的全选和反选功能。这个功能在许多网页应用中都非常实用,比如在表格数据筛选、表单多选等场景。通过简单的jQuery代码,...

    ListView多选,全选,反选,全不选

    对于全选/反选/全不选按钮,可以设置OnClickListener。 ```java listView.setOnItemClickListener(new AdapterView.OnItemClickListener() { @Override public void onItemClick(AdapterView&lt;?&gt; parent, View ...

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

    在高级控件如DataGridView中,通过结合Checkbox可以实现全选和反选功能,为用户提供便捷的操作方式。这个经典例子将深入探讨如何在Web应用中实现这一功能。 1. **Checkbox基本概念** Checkbox是HTML中的一个表单...

    silverlight实现datagrid全选、反选、分页、导出EXCEL

    在本文中,我们将深入探讨如何使用Silverlight技术来实现数据网格(DataGrid)的全选、反选、分页以及导出到Excel的功能。Silverlight是一种由微软开发的富客户端技术,用于创建丰富的交互式Web应用程序。 ### ...

    WPF TreeView 全选/反选/子级选中父级也选中

    WPF TreeView 全选/反选/子级选中父级也选中

    DataGridView表头添加checkbox实现全选反选

    在Windows应用程序开发...总之,`DataGridView`表头添加`CheckBox`实现全选反选涉及了控件创建、事件处理、数据绑定以及用户交互等多个方面。理解这些知识点可以帮助开发者更有效地构建功能丰富的数据查看和编辑界面。

    DataGridView标头CheckBox全选反选

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

    Jquery实现全选和反选功能

    本教程将深入探讨如何使用jQuery实现全选和反选功能,这在多选列表或表格中非常常见,例如在批量处理数据时。 全选和反选功能的核心在于同步用户界面中的复选框状态。当用户点击一个主复选框(通常标记为“全选”)...

    AjaxPro实例集合实现技术: 无刷新 验证指定字符 验证数字 验证邮箱 无刷新下拉菜单三级联动 CheckBox全选/反选/删除 等等..

    实现技术: 无刷新 验证指定字符 验证数字 验证邮箱 无刷新下拉菜单三级联动 CheckBox全选/反选/删除 等等.. 程序收集了本人在ASP.NET开发应用中会经常用到的轻量级的AJAX小例子,程序里面很多地方做了注释,通俗易懂...

    js 全选/反选/删除选择等代码 (精华)

    在JavaScript编程中,全选、反选和删除选择等功能是网页交互中常见且重要的操作,尤其是在数据表或者多选项列表中。这些功能可以极大地提升用户体验,使得用户能够快速地进行批量操作。以下是对这些概念的详细说明:...

    Flex dataGrid 全选、反选

    在需要全选和反选功能时,通常会在表头中添加一个复选框,作为全选/反选的触发器。当用户点击这个复选框时,所有行中的复选框状态应随之改变。 1. **创建自定义DataGrid类**: 为了实现全选和反选功能,我们需要...

    实现table表格checkbox复选框的全选 反选

    接下来,我们使用JavaScript(通常配合jQuery库,但也可以使用原生JS)来实现全选/反选功能。这里我们使用jQuery: ```javascript $(document).ready(function() { $('#selectAll').click(function() { if ($...

    C#_WinForm_dataGridView_全选_反选_单选_导出

    C#的WinForm项目的dataGridView控件的CheckBox的全选、全不选、反选、单选、导出全部、仅导出已选择的项目到Excel的功能。简单明了,一看就懂。 我的腾讯微博:http://t.qq.com/djk8888

    简单实现全选反选功能(html)

    在网页开发中,全选和反选功能是常见的交互元素,尤其在表格或者多选项列表中,用户可能希望一键选择所有项目或清除已选。在这个案例中,我们将探讨如何使用HTML和jQuery来实现这一功能。 首先,我们需要创建HTML...

    带复选框的多级目录树,复选框的选择控制子节点父节点 全选和反选

    在IT领域,尤其是在前端开发中,构建用户界面时经常需要处理多级目录树结构,并且在这样的结构中加入复选框功能,以便用户可以进行批量选择或者全选、反选操作。这种技术常用于文件管理器、权限设置、菜单配置等场景...

    Javascript实现全选反选

    在JavaScript编程中,"全选反选"功能是常见的用户交互设计,常见于表格或列表数据的批量操作中。这个功能允许用户一键选择或取消选择所有项目,极大地提高了操作效率。下面将详细介绍如何使用JavaScript来实现这个...

Global site tag (gtag.js) - Google Analytics