GridView中实现类邮件的CheckBox全选功能

假设GridView名称为gvMain, 操作选中项的处理按钮是ibSuoDing

首先在你的GridView列中增加一模板列,模板列的相关信息如下：


<asp:TemplateField HeaderText="选择">


<HeaderTemplate>


<input id="cbHeaderChecked" name="cbHeaderChecked" onclick="return SelectChecked()" type="checkbox" /><!--在头部增加CheckBox全选/全消选择框-->


</HeaderTemplate>


<ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" Width="5%" />


<HeaderStyle HorizontalAlign="Center" />


<ItemTemplate>


<input id="cbChecked" runat="server" name="cbChecked" type="checkbox" /><!--为绑定的每一行增加选择框-->




<input id="HiddenSysCode" runat="server" style="width: 193px" type="hidden" value='<%# string.Format("{0}",DataBinder.Eval(Container.DataItem, "iSysCode"))%>' /><!--这行很重要，它在一个隐藏控件里放置了一个字段的值，该字段的值将会在按钮事件处理CheckBox选中项的操作中用到-->


</ItemTemplate>


</asp:TemplateField>



全选和全消的JavaScript事件,由GridView顶部的CheckBox激发


<script language="javascript">


function SelectChecked()




...{


var t = document.getElementsByTagName("input");




for(var i=0; i<t.length; i++)




...{


if (t[i].type == "checkbox" && t[i].name.indexOf("cbChecked") != -1)




...{


t[i].checked = document.all.item("cbHeaderChecked").checked;


}


}


}


</script>

选中和取消选中的操作已经结束，后面我们来处理一下提交按钮对选择结果的判断处理


<asp:ImageButton ID="ibSuoding" runat="server" ImageUrl="~/Images/Button/suoding.gif" OnClick="ibSuoding_Click" onClientClick="return CheckForm()" /><!--onClientClick事件绑定检查操作-->

脚本检查行前的CheckBox是不是处于选中状态


<script language="javascript">


function CheckForm()




...{


var m=0;


var t=document.getElementsByTagName("input"); //获取页面中类型为input的元素个数




for(var i=0;i<t.length;i++)




...{




//判断是不是CheckBox控件，并通过名称indexOf("cbChecked") != -1方法来判断是不是GridView中的CheckBox,还判断了是不处理选中状态


if (t[i].type == "checkbox" && t[i].name.indexOf("cbChecked") != -1 && t[i].checked == true)




...{


m++;


}


}




if (m == 0)




...{


alert("请选择想要处理的项！");


return false ;


}


else




...{


return confirm('您确定要处理选中的项吗？');


}


}


</script>



当返回fasle的时候就停止操作，并且不进行回送。如果true则进行操作，就执行回送的Click事件


protected void ibSuoDing_Click(object sender, ImageClickEventArgs e)




...{




string checkValue = RetrieveCheckValue(gvMain, "cbChecked", "HiddenSysCode")




//对取得的checkValue进行处理，如delete ..... where id in(" + checkValue + ")等等的数据库操作了




}




//取选中值的函数


public static string RetrieveCheckValue(GridView GridViewMain, string RowCheckBoxName, string RowHiddenInputName)




...{


string a = "";




foreach (GridViewRow GridViewMainItem in GridViewMain.Rows)




...{


HtmlInputCheckBox chk = (HtmlInputCheckBox)(GridViewMainItem.FindControl(RowCheckBoxName));


HtmlInputHidden hiInput = (HtmlInputHidden)(GridViewMainItem.FindControl(RowHiddenInputName));


if (chk.Checked == true)




...{


a += "," + hiInput.Value;


}


}




if (a != "")




...{


a = a.Substring(1, a.Length - 1);


}


return a;


}

至此一个类邮件的全选、全消，和对选中的结果进行处理的页面就做了，你可以把这些再精简一下，或者放到类库中统一调用。将会节省不少的代码和时间。