Checkbox onClick issue with jquery

Question

i have an issue with checkboxes and jquery. I set and event click on father(div) that check the checkbox, but if i click on checkbox directly it dosen't check.

You can find the code here: http://jsfiddle.net/vaxxis/65MBb/

Thanks.

Serg Hospodarets · Accepted Answer · 2011-12-29 10:30:54Z

3

How about that: http://jsfiddle.net/65MBb/8/ ?
All that is necessary - wrap inputs in label. Then do not need JavaScipt.

answered Dec 29, 2011 at 10:30

Serg Hospodarets

4,6984 gold badges27 silver badges31 bronze badges

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

1 Comment

voigtan Over a year ago

older versions of IE wont be able to understand what the label is for if you aren't using the 'for' attribute.

Jules · Accepted Answer · 2011-12-29 10:26:37Z

0

This happens because when you click the checkbox the event $('.ckb').click() is also fired. So it does get checked, but gets immediately unchecked again right afterwards because of your function.

So in your click() function you have to make sure that it was the div that was clicked and not the checkbox.

answered Dec 29, 2011 at 10:26

Jules

7,2236 gold badges28 silver badges51 bronze badges

Comments

voigtan · Accepted Answer · 2011-12-29 10:37:09Z

0

you can look what element was clicked, if its the input, don't run the script, else run it: http://jsfiddle.net/65MBb/14/

answered Dec 29, 2011 at 10:37

voigtan

9,0212 gold badges31 silver badges30 bronze badges

Collectives™ on Stack Overflow

Checkbox onClick issue with jquery

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related