JQuery Check for Checkbox is checked

Question

The function always returns false, eventhough the checkbox is checked. I really couldn't crack down what i'm doing wrong. I'm using a checkbox to enable and disable the textbox in the gridview. However, it doesn't seem to work. Thanks for the help. I have posted the html and jq code below.

HTML code:

<asp:GridView ID="grdFees" runat="server" AllowPaging="false" CssClass="Grid" AutoGenerateColumns="false" EmptyDataText="No Data Found" EmptyDataRowStyle-HorizontalAlign="Center" EmptyDataRowStyle-CssClass="gridItem" TabIndex="5">
<Columns>
<asp:TemplateField HeaderText="Select" HeaderStyle-HorizontalAlign="center"
                                ItemStyle-HorizontalAlign="center" ItemStyle-Width="2%">
                                <ItemTemplate>
                                    <asp:CheckBox ID="chkselect" runat="server" CssClass="checkbox" 
                                    Width="15px" Checked="false" />
                                </ItemTemplate>
                            </asp:TemplateField>

</Columns>
</asp:GridView>

Jquery code:

$(document).ready(function() 
    {
        $(".checkbox").click(function()
        {
        if ($(this).is(":checked")) 
        {
            alert("true");
        }else
        {
            alert("false");
        }
});

Frédéric Hamidi · Accepted Answer · 2012-05-25 10:35:20Z

13

ASP.NET probably doesn't apply the value of CssClass to the check box itself, but to the generated label and/or container element.

Try using the :checkbox selector instead:

$(document).ready(function() {
    $("input:checkbox").click(function() {
        if ($(this).is(":checked")) {
            alert("true");
        } else {
            alert("false");
        }
    });
});

answered May 25, 2012 at 10:35

Frédéric Hamidi

264k42 gold badges497 silver badges486 bronze badges

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

2 Comments

Lukas Over a year ago

Up vote, thank you so much. This was driving me nuts. How did I miss this upon HTML inspection is beyond me.

Jerry Benson-Montgomery Over a year ago

Oh my gosh! You just ended a bunch of hair pulling for me. Thank you very much!

Qpirate · Accepted Answer · 2012-05-25 10:38:02Z

2

As the Grid doesnt apply the class to the checkbox you can do something like this.

$(document).ready(function() {
    $(".checkbox :checkbox").click(function(){
        if (this.checked) {
            alert("true");
        } else {
            alert("false");
        }
    }); 
});

answered May 25, 2012 at 10:38

Qpirate

2,0881 gold badge31 silver badges42 bronze badges

Comments

thecodeparadox · Accepted Answer · 2012-05-25 10:39:31Z

0

$(document).ready(function() {
    $("#chkselect").click(function(){
        if (this.checked) { // can also use $(this).is(':checked') as you do
            alert("true");
        } else {
            alert("false");
        }
    }); // you code miss "});" here
});

You can also use the selector

$(':input:checkbox') or $('input:checkbox')

edited May 25, 2012 at 10:39

answered May 25, 2012 at 10:32

thecodeparadox

87.2k22 gold badges143 silver badges164 bronze badges

1 Comment

Prince Over a year ago

thanks for the reply...but still it doesn't work. the alert always shows false.

Collectives™ on Stack Overflow

JQuery Check for Checkbox is checked

3 Answers 3

2 Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related