Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML

Robert Walker
Robert Walker
17,146 Points
Posted by Robert Walker
Robert Walker
17,146 Points

Hidden radio buttons not working in IE 11

I have a small section of images that are also radio button on click.

They work in all other browsers but in IE 11 they don't work at all.

Not sure how to fix this or even the actual issue here.

Paulo Marques
Paulo Marques
22,845 Points

Radio buttons always have problems on IE. Another solution and pretty more easy is to use Labels instead of radio buttons. Just add an 'for' attribute, and an id for the radio button and use simple JS to say that the radio button is checked. Well done your label button is even better and crossbrowser also.

Robert Walker
Robert Walker
17,146 Points
Robert Walker
Robert Walker
17,146 Points

Sorry I forgot to mention that I am using label with a image as the radio check, so when the image is clicked it checks that radio button.

It was actually a really important part to miss out as I have been able to find a few posts that say nesting an image inside a label breaks in IE 11.

I had to add a little JS to fix it, thank you for the reply though.

For anyone else having the problem I found this really simple fix:

$("#" + $(this).parents("label").attr("for")).click();
Marcus Parsons
Marcus Parsons
15,719 Points

Sweet fix, Robert! I'll have to remember that!