Checkbox Issue with IE8 using jquery

Question

I have this code

 $('#Submit').click(function(event) {
            var checked = $('.inputchbox'); ......IE8
            var ids= checked.map(function() {
                return $(this).val();
            }).get().join(',');
             alert(ids);
        });

This Code return all the values which is there for Checkboxbox (.inputchbox is class for the checkbox)

but If I give somethign like this

var checked = $('.inputchbox input:checkbox:checked');
or
var checked = $('.inputchbox input[type=checkbox]:checked');
or
var checked = $('.inputchbox input[name=chk]:checked');
or 
var checked = $('.inputchbox').find('input[type=checkbox]:checked');

if i am giving like this nothing is working for me I am not getting the result in IE8?

 var checked = $('.inputchbox'); .....this is working but I am getting the checkboxes ids its doesnot checking wheather its checked or not..

I need to get only checked chekcbox id's

thanks

Is the .inputchbox element the same as the checkbox, or is it a parent of the checkbox as your code implies? — user113716
– user113716, Commented Jun 16, 2010 at 21:19

MvanGeest · Accepted Answer · 2010-06-16 21:17:34Z

4

How about

var checked = $('.inputchbox:checked');

? The problem with your snippets is that the space you're using is the descendant selector and will look down into the DOM. The .find() method does the same. g.d.d.c was correct in replying that .filter() instead of .find() should work equally well (but a marginal amount slower):

var checked = $('.inputchbox').filter(':checked');

edited Jun 16, 2010 at 21:17

answered Jun 16, 2010 at 21:11

MvanGeest

9,6714 gold badges43 silver badges41 bronze badges

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

4 Comments

g.d.d.c Over a year ago

His last snippet does not do the same thing AFAIK. If his checkboxes have classes, then $('.inputchbox').find() will return children of his checkbox (not likely to exist). He could also probably use $('.inputchbox').filter(':checked') to get there.

MvanGeest Over a year ago

Thanks, you're absolutely right. I should RTFM (RTFApiDocumentation in this case)

user113716 Over a year ago

Your first solution is better than the one with .filter(). Why retrieve more elements than you need, only to filter some out? (Assuming the class is on the input element.)

MvanGeest Over a year ago

Maybe I should change my name - M is my initial, van belongs to my surname :) But I only included it to show there's also something very similar to the .find() solution, except for the final four letters. I also warned him that it's slower.

g.d.d.c · Accepted Answer · 2010-06-16 21:13:23Z

0

When you include a space in your selector it implies children. If you want to get by class with attributes you need to do something like this: $('.inputchbox:checked')

answered Jun 16, 2010 at 21:13

g.d.d.c

48.3k12 gold badges105 silver badges116 bronze badges

Comments

Matt · Accepted Answer · 2010-06-16 21:14:34Z

0

A space in a selectors indicates an ancestor-descendant relationship, i.e. .inputchbox is an ancestor of your checkbox, which from your other example, seems incorrect.

Try:

$('input.inputchbox:checkbox:checked');

Etc.

answered Jun 16, 2010 at 21:14

Matt

75.4k26 gold badges156 silver badges181 bronze badges

Collectives™ on Stack Overflow

Checkbox Issue with IE8 using jquery

3 Answers 3

4 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

4 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related