Pretty Check boxes and Radio buttons with jQuery

Sometimes you want to spice up HTML forms and present users with a nicer UI than plain old radio buttons and checkboxes. Aaron Weyenberg created a very nice bit of jQuery code which transforms check boxes into selectable blocks.

Sean Foushee improved upon Aaron’sĀ original pretty checkboxes adding support for radio buttons – and presented his results in a very good step by step tutorial -

To save you some time I’ve pulled out the instructions into a simple demo which you can download here (you will need to rename it to a zip file)

All credits to Aaron Weyenberg & Sean Foushee


About this entry