首先我們當然是要先做出一個有資料的GridView
GridView做好後，我們在後方新增一個樣板欄位(TemplateField)
請在新增的樣板欄位中的HeaderTemplate加入一個CheckBox作為全選用，然後在ItemTemplate也加入一個CheckBox
復制代碼 代碼如下:
asp:TemplateField>
HeaderTemplate>
asp:CheckBox ID="CheckAll" runat="server" onclick= "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;ielm.length;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放在/asp:Content>標籤上面,到這裡就已經完成了全選和取消全選的功能了，您可以自行測試看看，再來我們要製作修改的部份(你總不會做出全選/取消的功能只是讓使用者按好玩的吧), 接著在頁面上放置一個按鈕(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值唷
利用以上方式您就可以準確的抓出哪些列有被使用者打勾，來作其他您要執行的程式了
您可能感興趣的文章:- DataGridView中CheckBox實現某一列單選
- Gridview使用CheckBox全選與單選采用js實現同時高亮顯示選擇行
- gridview和checkboxlist的嵌套相關應用
- GridView的CheckBox列選擇及多參數傳遞三步搞定
- ASP.NET Gridview與checkbox全選、全不選實現代碼
- asp.net GridView控件中模板列CheckBox全選、反選、取消
- asp.net checkbox 動態綁定id GridView刪除提示
- Asp.net 中使用GridView控件實現Checkbox單選
