logo

ASP.NET : How to wire javascript to a checkbox in a gridview template field

Overview: This code snippet demostrates how to connect javascript code to a gridview checkbox.
    Sub dgGridView_RowDataBound(ByVal sender As Object, ByVal e As GridViewRowEventArgs)
        Dim oRow As GridViewRow = Nothing

        Dim chkEmployeeStatus As CheckBox
        
        If chkBySupervisor.Checked = True Then
            If e.Row.RowType = DataControlRowType.DataRow Then
                iRowIndex = e.Row.RowIndex
                chkEmployeeStatus = e.Row.FindControl("chkEmployeeStatus")
                chkEmployeeStatus.Attributes.Add("onclick", "javascript:document.getElementById('ctl00_ContentPlaceHolder1_HiddenfieldSave').value='Changed';")
	     end if
        end if
    end sub


 <asp:GridView ID="dgGridView" DataKeyNames="employeenumber" DataSourceID="dsXXX"
            BorderColor="Black" BorderWidth="1px" CellPadding="3" Font-Names="Verdana" Font-Size="8pt"
            Width="800px" HeaderStyle-BackColor="#aaaadd" runat="server" AllowSorting="True"
            AutoGenerateColumns="False"
            OnRowDataBound="dgGridView_RowDataBound"
            >
            <Columns>
                <asp:CommandField ShowSelectButton="false" Visible="false" />
                <asp:CommandField ShowEditButton="false" Visible="false" />
                <asp:CommandField ShowDeleteButton="false" Visible="false" />
                <asp:TemplateField HeaderText="On Premise" ItemStyle-VerticalAlign="bottom" ItemStyle-HorizontalAlign=left ItemStyle-Width="100">
                    <HeaderTemplate>
                        <asp:Button ID="cmdSelectAll" Font-Size="XX-Small" OnClick="SelectAll_Click" Text="Sel All"
                            runat="server" />
                        <asp:Button ID="cmdDeSelectAll" Font-Size="XX-Small" OnClick="DeSelectAll_Click"
                            Text="DeSel All" runat="server" />
                    </HeaderTemplate>

                     <ItemTemplate>
                            <asp:checkbox runat="server" ID="chkEmployeeStatus" Text='' Checked=false />
                      </ItemTemplate>
                </asp:TemplateField>
            </Columns>
</asp:GridView>
s