在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>
 
原文地址:https://www.cnblogs.com/xbf321/p/896068.html