GridView中用CheckBox实现全选功能

最新推荐文章于 2021-07-23 12:36:27 发布

kingflygood

最新推荐文章于 2021-07-23 12:36:27 发布

阅读量157

点赞数

分类专栏： ASP.NET 文章标签：脚本 C C++ C#

ASP.NET 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

在.aspx的<title></title>标签下添加如下脚本：


<script type="text/javascript" language="javascript">
function SelectAllCheckboxes(spanChk)
{
　  var oItem = spanChk.children;
   var theBox=(spanChk.type=="checkbox")?spanChk:spanChk.children.item[0];
　  xState=theBox.checked;
　  elm=theBox.form.elements;
　  for(i=0;i<elm.length;i++)
　  if(elm[i].type=="checkbox" && elm[i].id!=theBox.id)
　  {
　　    if(elm[i].checked!=xState)
　　    elm[i].click();
　  }
}
</script>

在GridView中的模板列添加如下代码：


<asp:TemplateField>
<HeaderTemplate>
<input id="chkall" type="checkbox" onclick="SelectAllCheckboxes(this);" />
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBox ID="chk" runat="server" />
</ItemTemplate>
<HeaderStyle CssClass="table_head" />
<ItemStyle Width="15px" />
</asp:TemplateField>

<asp:TemplateField HeaderText="PersonId" Visible="False">
<ItemTemplate>
<asp:Label ID="lblPersonId" runat="server" Text='<%# bind("PersonId") %>'></asp:Label>
</ItemTemplate>
</asp:TemplateField>

在后台通过遍历GridView中的行来计算选中行的总数


int count=0;
foreach (GridViewRow gvr in PersonGridView.Rows)
{
    bool isChecked = ((CheckBox)gvr.Cells[0].FindControl("chk")).Checked;
    if (isChecked)
    {            
        int iPersonId = Int32.Parse(((Label)gvr.Cells[1].FindControl("lblPersonId")).Text);
        string strSql = "DELETE SYS_PERSON WHERE PersonId=@PersonId";
        SqlConnection con = new SqlConnection(SqlHelper.ConnectionString);
        SqlCommand cmd = new SqlCommand(strSql, con);
        cmd.Parameters.Add("@PersonId",SqlDbType.Int);      
        cmd.Parameters["@PersonId"].Value = iPersonId;
        con.Open();
        cmd.ExecuteNonQuery();
        con.Close();
        count++;                                                
     }                       
}