`
hanjava
  • 浏览: 32383 次
  • 性别: Icon_minigender_2
  • 来自: 深圳
社区版块
存档分类
最新评论

checkbox全选/不全选功能实现

 
阅读更多
<script type="text/javascript">
var selectAllFlag = false;
/**全选功能*/
function checkAll(){
var optrid=document.optrform.optrID;
var l=optrid.length;
if(l==null) {
l=1;

if(l==1)
{  
if(!selectAllFlag){
optrid.checked=true;
selectAllFlag=true;
}else{
optrid.checked=false;
selectAllFlag=false;
}
}else{
for(i = 0; i < l; i++){
//第一种方法
//optrid[i].checked=window.event.srcElement.checked;
//第二种方法
if(!SelectAllFlag){
optrid[i].checked = true;
selectAllFlag=true;
}else{
optrid[i].checked = false;
selectAllFlag=false
}

}
}
</script>

//如果是只读的checkbox的操作如下:
for(i = 0; i < l; i++){
if((optrid[i].disabled)!=true){//如果不是只读的就选中checkbox
//通过单击的按钮判断是选中还是未选中
optrid[i].checked=window.event.srcElement.checked;
}
}
分享到:
评论

相关推荐

    flex datagrid checkbox 全选/反选

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

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

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

    checkbox全选/取消全选以及checkbox遍历jQuery实现代码

    "checkbox全选/取消全选以及checkbox遍历jQuery实现代码" CheckBox全选/取消全选是指在一个CheckBox组中...本例中我们使用jQuery实现了CheckBox全选/取消全选和CheckBox遍历的功能,提供了一个实际应用中的解决方案。

    C# Winform DatagridView 分页及 全选/ 取消全选 功能

    总之,通过理解并实现`DataGridView`的分页和全选/取消全选功能,你可以提升C# Winform应用的数据管理效率,使得用户在面对大量数据时能更流畅地操作。同时,结合实际项目需求,还可以进一步优化和扩展这些功能,...

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

    当我们需要在数据表中实现多选功能时,通常会在表头添加一个`Checkbox`,以实现全选或反选所有行的功能。这个过程涉及到事件处理、控件交互以及UI设计等多个方面的知识点。 首先,我们需要在`DataGridView`的表头行...

    利用jQuery实现CheckBox全选/全不选/反选的简单代码

    jQuery有些版本中实现CheckBox全选/全不选/反选会有bug,经测试jquery-1.3.1.js–&gt;测试通过,jquery-1.5.1.js–&gt;测试不通过。 实现CheckBox全选/全不选/反选代码如下: &lt;&#37;@ page language="java" ...

    Checkbox全选问题

    HtML javascritp checkbox 全选HtML javascritp checkbox 全选

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

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

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

    - 集成Ajax,使得全选/反选操作无需刷新整个页面即可完成。 8. **测试和调试** 在开发过程中,确保对各种场景进行充分的测试,包括全选、反选、部分选中以及在数据动态加载或更新后的情况。 综上所述,"checkbox...

    DevExpress 实现checkbox全选效果.rar

    在提供的RAR文件"DevExpress 实现checkbox全选效果"中,可能包含了实现这个功能的代码示例。这些示例代码可能包含了窗体设计、控件初始化、事件处理函数等内容,通过阅读和理解这些代码,你可以学习到如何在...

    winform DataGridView表头带CheckBox全选

    通过以上步骤,我们就成功地在`Winform DataGridView`的表头添加了一个`CheckBox`,实现了全选/全不选的功能。这样的设计使得用户可以便捷地对大量数据进行操作,提高了应用的实用性。在实际项目中,可能还需要考虑...

    DataGridView标头CheckBox全选反选

    要实现在列头添加`CheckBox`并控制全选/反选的功能,我们需要遵循以下步骤: 1. **创建自定义列头**: 首先,我们需要创建一个自定义的`DataGridViewColumn`,继承自`DataGridViewTextBoxColumn`,并在其中添加`...

    三种方式实现checkbox全选,反选

    在实际项目中,这三种方法都可以有效地实现Checkbox全选和反选功能。选择哪种方法主要取决于项目需求、性能考虑以及开发者的偏好。对于小型项目,前两种纯JavaScript的方法足够;对于大型项目,结合服务器端处理可能...

    jquery实现checkbox 全选/全不选的通用写法

    在jQuery中,实现复选框(checkbox)的全选/全不选功能是常见的需求,尤其是在数据筛选、表格操作等场景。本篇文章将详细介绍如何使用jQuery编写一个通用的全选/全不选功能。 首先,我们需要理解jQuery选择器的工作...

    flex在DataGrid中实现checkbox全选或取消

    在博文《flex在DataGrid中实现checkbox全选或取消》中,作者可能详细讲解了以下步骤: 1. 创建DataGrid,并绑定数据源。 2. 添加一个CheckBox组件,作为全选/取消全选的控制。 3. 实现CheckBox的change事件监听,...

    WPF ListView控件中CheckBox全选联动

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

    android checkbox全选反选

    "Android CheckBox全选反选"这个话题主要涉及如何在ListView中实现CheckBox的选择与反选择操作,包括全选和反选的功能。ListView是Android系统提供的一种列表视图,它可以显示大量数据并允许用户进行交互。下面我们...

    GridView全选/反选示例 用checkbox

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

    vue+elementui实现下拉框增加checkbox并可全选或取消(完整案例及效果图).zip

    此外,为了实现全选/取消全选的功能,可以在`el-select`组件上添加一个`@change`事件监听器,当选择项发生变化时触发`toggleAllChecked`方法: ```html v-model="value" multiple placeholder="请选择" @...

    CheckBox全选并删除

    在ASP.NET开发中,CheckBox控件常常用于实现用户界面中的多选功能,而"CheckBox全选并删除"这个主题涉及到两个关键操作:全选和删除。全选功能允许用户一次性选择多个选项,删除则通常指的是从数据库或其他数据存储...

Global site tag (gtag.js) - Google Analytics