blogjava's web log

blogjava's web log
...

GridView checkBox列全选

<form id="form1" runat="server">
<div>
<asp:GridView ID="gvCategories" runat="server" AutoGenerateColumns="false">
<Columns>
<asp:TemplateField>
     <HeaderTemplate>Select All
           <input type="checkbox" id="chkAll" name="chkAll" onclick="Check(this,'^gvCategories')"/>
       </HeaderTemplate>
<ItemTemplate>
<asp:CheckBox ID="chkSelect" runat="server" />
</ItemTemplate>
</asp:TemplateField>
 
<asp:TemplateField HeaderText="Category Name">
<ItemTemplate>
<asp:Literal ID="litCategoryName" runat="server" Text = '<%# Eval("CategoryName") %>' />
</ItemTemplate>
 
</asp:TemplateField>
</Columns>
</asp:GridView>
<asp:GridView ID="gvProducts" runat="server" AutoGenerateColumns="false">
<Columns>
<asp:TemplateField>
<HeaderTemplate>
Select All
<input type="checkbox" id="chkAll" name="chkAll" onclick="Check(this,'^gvProducts')"/>
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBox ID="chkSelect" runat="server" />
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Product Name">
<ItemTemplate>
<asp:Literal ID="litProductName" runat="server" Text = '<%# Eval("ProductName") %>' />
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
</div>
 
<script language="javascript" type="text/javascript">
//var pattern = '^gvCategories';
function Check(parentChk, pattern)
{
var elements = document.getElementsByTagName("INPUT");
for(i=0; i<elements.length;i++)
{
  if(parentChk.checked == true)
{
if( IsCheckBox(elements[i]) && IsMatch(elements[i].id, pattern))
{
elements[i].checked = true;
}
}
else
{
if( IsCheckBox(elements[i]) && IsMatch(elements[i].id, pattern))
{
elements[i].checked = false;
}
}
}
}
 
function IsMatch(id, pattern)
{
var regularExpression = new RegExp(pattern);
return id.match(regularExpression);
}
function IsCheckBox(chk)
{
return (chk.type == 'checkbox');
}
</script>
</form>
</body>
</html>

posted on 2007-05-12 22:03 record java and net 阅读(3425) 评论(1)  编辑  收藏

评论

# re: GridView checkBox列全选[未登录] 2009-03-11 16:11

谢谢,管用。比我以前的刷新页面的方式好多了。谢谢。  回复  更多评论   


只有注册用户登录后才能发表评论。


网站导航:
 

导航

常用链接

留言簿(44)

新闻档案

2.动态语言

3.工具箱

9.文档教程

友情链接

搜索

最新评论