zoukankan      html  css  js  c++  java
  • GridView 增加一列CheckBox 并且可以全选

    这个功能很常用.GridView 中需要有一列CheckBox 可以单独选择.也可以通过列头中的CheckBox 全部选择.

    JS:

    <script language="javascript" type="text/javascript">
           function SelectAll(tempControl)
           {
               //将除头模板中的其它所有的CheckBox取反

                var theBox=tempControl;
                 xState=theBox.checked;   

                elem=theBox.form.elements;
                for(i=0;i<elem.length;i++)
                if(elem[i].type=="checkbox" && elem[i].id!=theBox.id)
                 {
                      if(elem[i].checked!=xState)
                            elem[i].click();
                }
      } 
    </script>

    GridView column:

                            <asp:TemplateField>
                                    <HeaderTemplate>
                                           <asp:CheckBox id="chkHeader" runat="server" AutoPostBack="False"  
                                                    onclick="javascript:SelectAll(this);"></asp:CheckBox>                            
                </HeaderTemplate>

                               <ItemTemplate>
                                           <asp:CheckBox id="chkItem" runat="server"></asp:CheckBox>
                               </ItemTemplate>
                            </asp:TemplateField> 

  • 相关阅读:
    线段树专辑—— pku 1436 Horizontally Visible Segments
    线段树专辑——pku 3667 Hotel
    线段树专辑——hdu 1540 Tunnel Warfare
    线段树专辑—— hdu 1828 Picture
    线段树专辑—— hdu 1542 Atlantis
    线段树专辑 —— pku 2482 Stars in Your Window
    线段树专辑 —— pku 3225 Help with Intervals
    线段树专辑—— hdu 1255 覆盖的面积
    线段树专辑—— hdu 3016 Man Down
    Ajax跨域访问
  • 原文地址:https://www.cnblogs.com/andycai/p/1587864.html
Copyright © 2011-2022 走看看