kylixlu
posts - 66,comments - 41,trackbacks - 0
[导入]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控件的取值


文章来源:http://www.my1984.net/?action=show&id=162

MSN:
posted on 2008-12-22 14:41 kylixlu 阅读(225) 评论(0)  编辑  收藏 所属分类: dotNet

只有注册用户登录后才能发表评论。
网站导航:
 
Copyright ©2024 kylixlu Powered By博客园 模板提供：沪江博客