如何在GridView中加上CheckBox的全選功能

◆首先我們當然是要先做出一個有資料的GridView

◆GridView做好後，我們在後方新增一個樣板欄位(TemplateField)

◆請在新增的樣板欄位中的HeaderTemplate加入一個CheckBox作為全選用，然後在ItemTemplate也加入一個CheckBox，如下方

<asp:TemplateField>
    <headertemplate> 
        <asp:CheckBox ID="CheckAll" runat="server" onclick="javascript: SelectAllCheckboxes(this);"  Text="全選/取消" ToolTip="按一次全選，再按一次取消全選" /> 
    </headertemplate>
    <itemtemplate> 
        <asp:CheckBox ID="CheckBox2" runat="server" Text=" 全選"/> 
    </itemtemplate>
</asp:TemplateField> 

◆接者請在該頁面的最底部加上以下的Java Script

<script type="text/javascript">
    function SelectAllCheckboxes(spanChk) 
    {
        elm=document.forms[0];
        for(i=0;i { if(elm[i].type=="checkbox" && elm[i].id!=spanChk.id)
        {
         if(elm.elements[i].checked!=spanChk.checked)
            elm.elements[i].click(); 
        }
    } 
</script> 

★注意事項：如果您的頁面有套用MasterPage請將上方JS放在標籤上面 ?小鋪廢言：到這裡就已經完成了全選和取消全選的功能了，您可以自行測試看看，再來我們要製作修改的部份(你總不會做出全選/取消的功能只是讓使用者按好玩的吧) ◆接者在頁面上放置一個按鈕(Button)，對按鈕點兩下，切換到程式部份 ◆切換到程式部份後我們利用以下code去抓出哪些列(ROW)有被打勾

int i;

for (i = 0; i < this.GridView1.Rows.Count; i++)
{
    if (((CheckBox)GridView1.Rows[i].FindControl("CheckBox2")).Checked)
    {
        Response.Write(GridView1.DataKeys[i].Value.ToString());
        //GridView1.DataKeys[i].Value.ToString() 可以抓到該列的DataKeys的值，我設定的是pk值
    }
} 

★注意事項：如果您的GridVie沒有設定 DataKeyNames="資料欄位"那上方的code就列不出pk值唷 ?小鋪廢言：利用以上方式您就可以準確的抓出哪些列有被使用者打勾，來作其他您要執行的程式了