Check Uncheck all CheckBoxes inside Scrollable GridView with UpdatePanel in ASP.Net

Hi,

Please refer below Code.

HTML

<div>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script src="JS/ScrollableGridViewPlugin_ASP.NetAJAXmin.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('#<%=Grd_Data.ClientID %>').Scrollable({
                ScrollHeight: 300,
                IsInUpdatePanel: true
            });
            $('[id*=ChkAll]').change(function () {
                $("[id*=ChkRow]").attr('checked', $(this).is(":checked"));
            });
            $('[id*=ChkRow]').change(function () {
                $("[id*=ChkAll]").attr('checked', $("[id*=ChkRow]:checked").length == $("[id*=ChkRow]").length);
            });
        });
        
    </script>
    <table border="0" cellpadding="0" cellspacing="0">
        <tr id="TR_Grid_Data" runat="server" style="align-content: center">
            <td id="Td_Search_Grid" runat="server" style="width: 95%; text-align: center">
                <span id="WindowPositionHelper"></span>
                <asp:ScriptManager ID="ScriptManager1" runat="server">
                </asp:ScriptManager>
                <asp:GridView ID="Grd_Data" runat="server" AutoGenerateColumns="false" CellPadding="4"
                    EmptyDataText="Empty" ShowFooter="False" AllowPaging="false" GridLines="Both"
                    DataKeyNames="Title_ID" ForeColor="#333333" ShowHeader="true" ShowHeaderWhenEmpty="true">
                    <Columns>
                        <asp:TemplateField HeaderStyle-Width="50px" ItemStyle-Width="50px">
                            <HeaderTemplate>
                                <asp:CheckBox ID="ChkAll" runat="server" />
                            </HeaderTemplate>
                            <ItemTemplate>
                                <asp:CheckBox ID="ChkRow" runat="server" />
                            </ItemTemplate>
                        </asp:TemplateField>
                        <asp:BoundField HeaderText="Code" DataField="Title_Code">
                            <HeaderStyle Width="100" ForeColor="White" />
                            <ItemStyle Width="100" ForeColor="Black" />
                        </asp:BoundField>
                        <asp:BoundField HeaderText="Description" DataField="Title_Description">
                            <HeaderStyle Width="400" ForeColor="White" />
                            <ItemStyle Width="400" ForeColor="Black" />
                        </asp:BoundField>
                        <asp:BoundField HeaderText="Language" DataField="Language_Code">
                            <HeaderStyle Width="100" ForeColor="White" />
                            <ItemStyle Width="100" ForeColor="Black" />
                        </asp:BoundField>
                        <asp:BoundField HeaderText="Display Order" DataField="Title_Display_Order">
                            <HeaderStyle Width="100" ForeColor="White" />
                            <ItemStyle Width="100" ForeColor="Black" />
                        </asp:BoundField>
                        <asp:CommandField ShowSelectButton="True" SelectText="SelectRow">
                            <ItemStyle HorizontalAlign="Center" Width="70px" />
                        </asp:CommandField>
                    </Columns>
                    <AlternatingRowStyle BackColor="White" ForeColor="#284775" />
                    <HeaderStyle BackColor="#6b9dd5" ForeColor="White" VerticalAlign="Middle" />
                    <PagerStyle BackColor="#7F8597" ForeColor="White" HorizontalAlign="Center" />
                    <RowStyle BackColor="#F7F6F3" ForeColor="#333333" Height="25px" />
                    <SelectedRowStyle BackColor="#E2DED6" Font-Bold="True" ForeColor="#333333" />
                    <SortedAscendingCellStyle BackColor="#F1F1F1" />
                    <SortedAscendingHeaderStyle BackColor="#007DBB" />
                    <SortedDescendingCellStyle BackColor="#CAC9C9" />
                    <SortedDescendingHeaderStyle BackColor="#00547E" />
                </asp:GridView>
                <div style="background-color: #6b9dd5; height: 25px; margin: 0; padding: 0; width: 929px;
                    text-align: center;">
                    <asp:Label ID="LblRowCount" runat="server" ForeColor="White" />
                </div>
            </td>
        </tr>
    </table>
</div>

Code

protected void Page_Load(object sender, EventArgs e)
{
    if (!this.IsPostBack)
    {
        DataTable dt = new DataTable();
        dt.Columns.AddRange(new DataColumn[] { 
                                new DataColumn("Title_ID"), 
                                new DataColumn("Title_Code"), 
                                new DataColumn("Title_Description"), 
                                new DataColumn("Language_Code"), 
                                new DataColumn("Title_Display_Order")
        });
        dt.Rows.Add(1, 123, "TD1", "en", "TDO1");
        dt.Rows.Add(2, 143, "TD2", "en", "TDO2");
        dt.Rows.Add(3, 153, "TD3", "en", "TDO3");
        Grd_Data.DataSource = dt;
        Grd_Data.DataBind();
    }
}