zoukankan      html  css  js  c++  java
  • 在GridView中用Js实现全选

      有的时候,在GridView要用的CheckBox,并且,还有一个实现全选的CheckBox,所以我在下面把js代码贴在下面,
    <script language=javascript>
    function Sel()
    {
    oEl 
    = event.srcElement;

    for(i = 0;i < document.all.length; i++)
    {
                                                  
    // datagrid将生成层次名+id作为客户端id
    if(document.all(i).id.indexOf("你的CheckBox的ID"!= -1)
    {
    if(oEl.checked)
    document.all(i).
    checked = true;
    else
    document.all(i).
    checked = false;
    }
    }
    }
    </script>
    下面是GirdView代码
    <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" OnRowDataBound="GridView1_RowDataBound">
                                            
    <Columns>
                                                
    <asp:BoundField DataField="pid" HeaderText="Id" />
    <!--关键是这段代码-->

                                                
    <asp:TemplateField>
                                                
    <HeaderTemplate>
                                                 
    <input id="chkAll" onclick="Sel()"  type="checkbox" />

                                                
    </HeaderTemplate>
                                                    
    <ItemTemplate>
                                                        
    <asp:CheckBox ID="cbselect" runat="server" />
                                                    
    </ItemTemplate>
                                                
    </asp:TemplateField>
    <!--关键是这段代码-->
                                                
    <asp:TemplateField HeaderText="商品名称">
                                                    
    <ItemTemplate>
                                                    
    <a href='DetailProduceInfo.aspx?pid=<%#Eval("pid") %>' target="_blank"><%#Eval("pname"%></a>    
                                                    
    </ItemTemplate>
                                                
    </asp:TemplateField>
                                                
    <asp:TemplateField HeaderText="单价">
                                                    
    <ItemTemplate>
                                                          
    <%#Eval("pmoney"%>
                                                    
    </ItemTemplate>
                                                
    </asp:TemplateField>
                                                
    <asp:TemplateField HeaderText="数量">
                                                    
    <ItemTemplate>
                                                        
    <asp:TextBox ID="txtquantity" runat="server" Width="80px">0</asp:TextBox>
                                                        
    <asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" ControlToValidate="txtquantity"
                                                            ErrorMessage
    ="请你输入数字!" ValidationExpression="^[0-9]{1,}$"></asp:RegularExpressionValidator>
                                                    
    </ItemTemplate>
                                                
    </asp:TemplateField>
                                            
    </Columns>
                                        
    </asp:GridView>
     
  • 相关阅读:
    报表
    重构改善既有代码设计--重构手法02:Inline Method (内联函数)& 03: Inline Temp(内联临时变量)
    重构改善既有代码设计--重构手法01:Extract Method (提炼函数)
    httpclient 学习
    JAVA中反射机制六(java.lang.reflect包)
    JAVA中反射机制五(JavaBean的内省与BeanUtils库)
    JAVA中反射机制四
    JAVA中反射机制三
    JAVA中反射机制二
    JAVA中反射机制一
  • 原文地址:https://www.cnblogs.com/xbf321/p/896068.html
Copyright © 2011-2022 走看看