Get value of asp.net CheckBox via jquery

Question

I'm trying to load up a hidden field with a list of values from all checkboxes that are checked. Everything works fine except that the is(':checked') always returns false. Any ideas?

            $('.invCheckBox').click(function () {
            var cb = '';
            var i = 0;
            debugger;
            $(".invCheckBox").each(function (index, element) {
                debugger;
                if ($(element).is(':checked')) {
                    alert($(element).attr('invNbr'));
                    if (i == 0) {
                        cb = $(element).attr('invNbr')
                    }
                    else {
                        cb = cb + ',' + $(element).attr('invNbr');
                    };
                    i = i + 1;

                };
            });
            $('MainContent_txtHiddenField').text(cb);
        });

A good guess would be that the checkbox isn't checked when you're running the code. — adeneo
– adeneo, Commented Jan 12, 2014 at 20:30
Also if using jquery with a checkbox rather use a change event and not a click event. — Laird Streak
– Laird Streak, Commented Jan 12, 2014 at 20:31

Laird Streak · Accepted Answer · 2014-01-12 20:47:42Z

1

Here is a fiddle for you might help :) http://jsfiddle.net/sAyfw/

$('.invCheckBox').change(function () {

$('.invCheckBox').each(function()
                       {
                           alert($(this).is(':checked'));
                       });
    });

answered Jan 12, 2014 at 20:47

Laird Streak

3995 silver badges8 bronze badges

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

3 Comments

brad Over a year ago

Larid, I copied your code directly and tested it in my project and all the checkboxes still come back as false. I should add that these checkboxes are added dynamically from server-side code. And I notice that the checkboxes are wrapped in a span tag. Not sure if that's normal behavior for ASP.Net (<span class="invCheckBox" invnbr="1"><input name="ctl00$MainContent$ctl12" type="checkbox"></span>).

Laird Streak Over a year ago

The jquery selector is getting the span and not the checkbox the checkbox should have the class of "invCheckBox" to ensure it is selected. could you maybe show your .aspx code / htm markup. Or are you using razor?

brad Over a year ago

You were on the right track, Laird! I figured it out. It had to do with the way I was creating the control server-side. I was creating a CheckBox control...I changed it to an HtmlInputCheckbox and it started working fine. I'll update my question to show the answer.

brad · Accepted Answer · 2014-01-12 21:19:51Z

0

For whatever reason creating a CheckBox control server-side wraps the input tag in a span tag. Weird. So, I changed the code to create an HtmlInputCheckBox instead and now the jQuery works beautifully.

            Dim divCheckBox As New HtmlGenericControl("div")
        divCheckBox.Attributes.Add("style", "width: 95px; float: left;")
        Dim chkCheckBox As New HtmlInputCheckBox
        chkCheckBox.Attributes.Add("class", "invCheckBox")
        chkCheckBox.Attributes.Add("invNbr", invoice.InvoiceNbr)
        divCheckBox.Controls.Add(chkCheckBox)
        divInvRow.Controls.Add(divCheckBox)

answered Jan 12, 2014 at 21:19

brad

6972 gold badges9 silver badges22 bronze badges

Comments

StevieTimes · Accepted Answer · 2021-03-14 14:56:10Z

0

Thanks for the info about asp:CheckBox being wrapped in a span. My jQuery was always returning false, and I couldn't figure out why it was not working.

I used this:

console.log($(this).children(1).is(':checked'));

and that works perfectly with an asp:CheckBox.

answered Mar 14, 2021 at 14:56

StevieTimes

4755 silver badges11 bronze badges

Collectives™ on Stack Overflow

Get value of asp.net CheckBox via jquery

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related