在head要加入 js的呼叫
<head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
    <script>
        function checkAll(chk) {
            $('#<%= GridView1.ClientID %> .myClass input[type=checkbox]').prop("checked", chk.checked);
        }
    </script>
</head>

程式的部份
            <asp:GridView ID="GridView1" runat="server"  AutoGenerateColumns="false">
                <Columns>
                    <asp:TemplateField ShowHeader="False" >
                        <HeaderTemplate>
                            <asp:CheckBox ID="chkAll" runat="server" onclick="checkAll(this);" />
                        </HeaderTemplate>
                        <ItemTemplate>
                            <asp:CheckBox ID="CheckBox1" runat="server" CssClass="myClass" />
                        </ItemTemplate>
                    </asp:TemplateField>
                </Columns>
            </asp:GridView>


arrow
arrow
    文章標籤
    GridView Jquery checkbox 全選
    全站熱搜

    Roger 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄