How can I call a javascript function when Checkbox is checked

Question

How can I call a Javascript function when a checkbox is checked when this checkbox is inside a gridview ?

protected void AlteraStatusExpiraSeteDias_Click(object sender, EventArgs e)
{
    for (int i = 0; i < grdImoveis2.Rows.Count; i++)
    {
        GridViewRow RowViewExpiraSeteDias = (GridViewRow)grdImoveis2.Rows[i];
        CheckBox chk = (CheckBox)grdImoveis2.Rows[i].FindControl("chkExpiraSeteDias");
        if (chk != null)
        {
            String codigo;
            if (chk.Checked)
            {
                codigo = (String)grdImoveis2.Rows[i].Cells[0].Text;                        
                ScriptManager.RegisterStartupScript(this.Page, this.GetType(), "Registra", "AlteraStatus(codigo);", false);
            }
        }
    }
}



<asp:GridView ID="grdImoveis2" CssClass="StyleGrid" Width="100%" runat="server" AutoGenerateColumns="false" DataSourceID="ds" BorderWidth="0" GridLines="None">
    <AlternatingRowStyle BackColor="White" CssClass="EstiloDalinhaAlternativaGrid"  HorizontalAlign="Center"/>
        <RowStyle CssClass="EstiloDalinhaGrid" HorizontalAlign="Center" />
        <HeaderStyle BackColor="#e2dcd2" CssClass="thGrid" Height="20" />
    <Columns>
        <asp:BoundField HeaderText="Código" DataField="Imovel_Id" />
        <asp:BoundField HeaderText="Para" DataField="TransacaoSigla" />
        <asp:BoundField HeaderText="Valor" DataField="ValorImovel" DataFormatString="{0:c}" HtmlEncode="false" />
        <asp:TemplateField HeaderText="Endereco">
            <ItemTemplate>
                <%# Eval("Logradouro") %>, <%# Eval("Numero") %>
            </ItemTemplate>
        </asp:TemplateField>
        <asp:BoundField HeaderText="Data Cadastro" DataField="DataHora"  DataFormatString="{0:dd/MM/yyyy}" HtmlEncode="false"/>
        <asp:BoundField HeaderText="Data Expira" DataField="DataExpira"  DataFormatString="{0:dd/MM/yyyy}" HtmlEncode="false"/>
        <asp:TemplateField HeaderText="Ação">
            <ItemTemplate>
                <asp:CheckBox ID="chkExpiraSeteDias" runat="server" onclick="alert('Foo')" />
            </ItemTemplate>
        </asp:TemplateField>
    </Columns>
</asp:GridView>

Without the checkbox, when I put a image and put a link href to the javascript, it's works!, but with checkbox, no!

Are you/Can you use anything like JQuery?

CodingGorilla
– CodingGorilla

2011-09-30 14:57:59 +00:00
Commented Sep 30, 2011 at 14:57 — CodingGorilla
– CodingGorilla, Commented Sep 30, 2011 at 14:57
I can use, but how you think the JQuery would work?

Lucas_Santos
– Lucas_Santos

2011-09-30 15:13:05 +00:00
Commented Sep 30, 2011 at 15:13 — Lucas_Santos
– Lucas_Santos, Commented Sep 30, 2011 at 15:13

Bala R · Accepted Answer · 2011-09-30 15:04:00Z

6

Add onclick attribute to Checkbox markup and include the javascript function that you'd like to call.

<asp:CheckBox ID="chkExpiraTresDias" runat="server" onclick="alert('Foo')" />

edited Sep 30, 2011 at 15:04

answered Sep 30, 2011 at 14:58

Bala R

109k23 gold badges203 silver badges212 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Lucas_Santos Over a year ago

it works, but, I check the checkbox, and I need to press the Send Button and then call my javascript function passing by parameters the id of the field id in the row. The CheckBox is inside a GridView

Junaid · Accepted Answer · 2011-09-30 15:48:29Z

0

this should help you

$('input:checkbox[ID$="chkExpiraTresDias"]').change(function() { alert('Hello world!'); });

answered Sep 30, 2011 at 15:48

Junaid

1,75517 silver badges26 bronze badges

1 Comment

Lucas_Santos Over a year ago

But, i has to call a javascript function, just when I click in a "Insert Button", and not when I check a checkbox

Hanlet Escaño · Accepted Answer · 2011-09-30 18:50:41Z

0

I fear that you will have to iterate through the Gridview when your "Insert" button is clicked and then do what you have to do. Something like this:

foreach (GridViewRow row in this.grdImoveis2.Rows) {
    if (row.RowType == DataControlRowType.DataRow) {

        CheckBox chk = row.Cells(0).FindControl("chkExpiraTresDias");
        if (chk != null) {
            Response.Write(chk.Checked); //Do what you gotta do here if it's checked or not
        }
    }
}

Good luck.

Hanlet

answered Sep 30, 2011 at 18:50

Hanlet Escaño

17.4k10 gold badges54 silver badges76 bronze badges

Collectives™ on Stack Overflow

How can I call a javascript function when Checkbox is checked

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related