內容轉載於:http://www.dotblogs.com.tw/alanjiang/archive/2013/06/30/107399.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="default.aspx.cs" Inherits="Lab_CheckAllInGridView._default" %>
<!DOCTYPE html>
<html>
<head runat="server">
<title>CheckBox 全選</title>
<script type="text/javascript" src="Scripts/jquery-2.0.2.min.js"></script>
<script type="text/javascript">
// 選擇 GridView 全部的 checkbox
// 傳入控制checkbox全選的checkbox物件
function checkAll(header) {
$('#<%= gvData.ClientID %> input[type=checkbox]').prop("checked", header.checked);
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:GridView ID="gvData" runat="server" AutoGenerateColumns="False">
<Columns>
<asp:TemplateField HeaderText="選取">
<HeaderTemplate>
<asp:CheckBox ID="cbHeader" runat="server" onclick="checkAll(this);" />
選取
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBox ID="cbDel" runat="server" />
</ItemTemplate>
</asp:TemplateField>
<asp:BoundField DataField="Name" HeaderText="姓名" />
<asp:BoundField DataField="Age" HeaderText="年齡" />
</Columns>
</asp:GridView>
</div>
</form>
</body>
</html>
沒有留言:
張貼留言