GridView中checkbox"全选/取消"完美兼容IE和Firefox

 更新时间:2013年10月21日 16:39:14   作者:  
GridView中checkbox的的"全选/取消"使用还是比较频繁的,本文有个不错的示例完美兼容IE和Firefox,感兴趣的朋友可以参考下,希望对大家有所帮助
复制代码 代码如下:

function selectAll(obj)
{
var theTable = obj.parentNode.parentNode.parentNode.parentNode;
var i;
var j = obj.parentNode.cellIndex;
for(i=1;i<theTable.rows.length;i++)
{
if(theTable.rows[i].cells.length<j) continue;
var objCheckBox = theTable.rows[i].cells[j].getElementsByTagName('input')[0];
if(objCheckBox.checked!=null)objCheckBox.checked = obj.checked;
}
}

在Head的checkbox加上onclick="selectAll(this)"就可以,支持任意多列checkbox。
复制代码 代码如下:

<asp:TemplateField HeaderText="&lt;input id='Checkbox1' type='checkbox' onclick='selectAll(this)' /&gt;序号">
<ItemTemplate>
<input id="Checkbox1" type="checkbox" onclick="Get_jdzh(this);" title='<%#Convert.ToString(Eval("cpdm")).Trim() %>' />
</ItemTemplate>
</asp:TemplateField>

theTable.rows[i].cells[j].getElementsByTagName('input')[0];千万不能用firstChild,否则FF下会出错。

相关文章

  • datagrid行内按钮(更新/删除等)操作实现代码

    datagrid行内按钮(更新/删除等)操作实现代码

    datagrid控件想必大家很是熟悉,本文将介绍下datagrid行内按钮的操作更新/删除等等,感兴趣的你可不要错过了哈,希望本文知识点可以帮助到你
    2013-02-02
  • .Net遍历窗体上控件的方法

    .Net遍历窗体上控件的方法

    这篇文章主要介绍了.Net遍历窗体上控件的方法,通过foreach语句实现遍历窗体上的控件以及找出TextBox控件的功能,具有一定参考借鉴价值,需要的朋友可以参考下
    2014-12-12
  • asp.net Repeater分页实例(PageDataSource的使用)

    asp.net Repeater分页实例(PageDataSource的使用)

    Asp.net提供了三个功能强大的列表控件:DataGrid、DataList和Repeater控件,但其中只有DataGrid控件提供分页功能。相对DataGrid,DataList和Repeater控件具有更高的样式自定义性,所以很多时候我们喜欢使用DataList或Repeater控件来显示数据
    2013-04-04
  • .NET中的属性用法分析

    .NET中的属性用法分析

    这篇文章主要介绍了.NET中的属性用法,分析了.NET中属性的功能、定义与具体用法,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-01-01
  • .net下log4net使用方法详解

    .net下log4net使用方法详解

    这篇文章主要为大家详细介绍了.net下log4net使用方法,以控制台应用程序为例,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-07-07
  • 关于Swagger优化的实战记录

    关于Swagger优化的实战记录

    Swagger是一个规范和完整的框架,用于生成、描述、调用和可视化 RESTful风格的Web服务,下面这篇文章主要给大家介绍了关于Swagger优化的相关资料,需要的朋友可以参考下
    2022-04-04
  • asp.net repeater实现批量删除时注册多选框id到客户端

    asp.net repeater实现批量删除时注册多选框id到客户端

    repeater批量删除时注册多选框id到客户端的实现代码
    2008-11-11
  • ASP.NET如何定时调用WebService服务

    ASP.NET如何定时调用WebService服务

    在ASP.NET程序中,可以通过Time组件实现定时器功能,但是它与数据库中的任务计划不一样,它必须基于程序正在运行中才可生效,而数据库任务计划是不需要基于ASP.NET程序运行而执行任务。
    2015-10-10
  • Asp.Net设计模式之单例模式详解

    Asp.Net设计模式之单例模式详解

    这篇文章主要为大家详细介绍了Asp.Net设计模式之单例模式的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-11-11

最新评论