zoukankan      html  css  js  c++  java
  • GridView中实现CHECKBOX全选

    1. JS代码:

    JavaScript代码
    1. function SelectAll(chkbox)  
    2.    {  
    3.       var chkHeader=chkbox;  
    4.       state=chkHeader.checked;      
    5.       elem=chkHeader.form.elements;  
    6.       for(i=0;i<elem.length;i++)  
    7.         if(elem[i].type=="checkbox" && elem[i].id!=chkHeader.id)  
    8.         {  
    9.            if(elem[i].checked!=state)  
    10.              elem[i].click();  
    11.         }  
    12.    }  

    2.GridView代码:

    XML/HTML代码
    1. <Columns>  
    2.                   <asp:TemplateField>  
    3.                       <HeaderTemplate>  
    4.                           <input type="checkbox" id='chkHeader' onclick="SelectAll(this)" />  
    5.                       </HeaderTemplate>  
    6.                       <ItemTemplate>  
    7.                           <asp:CheckBox ID="gvChkBox" runat="server" />  
    8.                       </ItemTemplate>  
    9.                   </asp:TemplateField>  

    3.后台获取CheckBox状态代码

    C#代码
    1. bool chkBoxState = ((CheckBox)gr.FindControl("gvChkBox")).Checked;  

    说明: 1.JS实现了对CHECKBOX的全选(取消全选)功能
             2.实现了GRIDVIEW的第一列显示为CHECKBOX
             3.实现了对GRIDVIEW 中的gvChkBox控件的取值

  • 相关阅读:
    HDU 3466(01背包变种
    HDU 2639(01背包第K大)
    POJ 2184(01背包)(负体积)
    UVA 562(01背包)
    UVA 624(01背包记录路径)
    SQL总结二
    oracle--知识点汇总1
    时间日期----java
    字符串、数值----转换
    字符串反转----示例
  • 原文地址:https://www.cnblogs.com/sdjxcolin/p/1414024.html
Copyright © 2011-2022 走看看