通过 jquery 获取 asp.net CheckBox 的值

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);
        });

Answer 1

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

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

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

Answer 2

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)

Answer 3

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.