Today we are giving you a list of 15+ jQuery Radio Button & Checkbox Style Plugins — A collection of simple, lightweight, style-able radio button and checkbox plugins using jQuery. Enjoy! :)

Update 29/09/13: Added 17. jQuery Uniform Plugin

Related Posts:

1. jQuery prettyCheckable

This plugin replaces the default checkboxes and radio inputs for better looking ones.

Source + Demo

2. iCheck

Highly customizable checkboxes and radio buttons for jQuery and Zepto.


3. ScrewDefaultButtons

A simple jQuery plugin allowing you to replace the browser defaults for radio buttons and checkboxes with your own custom design.

Source + Demo

4. Fancy checkboxes and radio buttons with CSS

Many young guns ask about how to style custom checkboxes and radio buttons in forms. I prepared a typical markup, a few lines of CSS and some JavaScript functions (Safari label behavior fix included).


5. Kalypto

A basic plugin to use a simple sprite and CSS in place of a checkbox or radio button.

Source + Demo

6. CSS and jQuery Custom Checkbox and Radio Button Inputs Styled

Styling checkbox and radio button inputs to match a custom design is nearly impossible because neither reliably supports basic CSS, like background colors or images; it’s even a challenge to get the margins to appear consistently across browsers.


7. jQuery Radiobutton Plugin

This is a very simple radiobutton plugin for jQuery. It’s simple, lightweight and easily styllable.

Source + Demo

8. Niceforms

A non-intrusive javascript method that allows complete customization of web forms.


9. jQuery checkbox v.1.3.0 Beta 1

Lightweight custom styled checkbox implementaion for jQuery 1.2.x and 1.3.x.

Source + Demo

10. jqTransform

This plugin is a jQuery styling plugin wich allows you to skin form elements.

Source + Demo

11. iOS Checkboxes

iphone-style-checkboxes implements the iPhone toggles as replacements for standard HTML checkboxes.

Source + Demo

12. jQuery Fancy Custom Radio-button and Checkbox

jQuery Fancy Custom Radio-button and Checkbox


13. iPhone Style Radio and Checkbox Switches using jQuery and CSS

A great interface for an administration panel, complete with great looking forms and buttons.

Source + Demo

14. jQuery Checkbox and Radio Button Styling

A cross-browser checkbox and radio button script.


15. jQuery Plugin – Image Radio buttons

It’s only 2KB big and turns your normal radio buttons into images, you can set any images you like for src, checked and hover.


16. ezMark: jQuery Checkbox & Radiobutton Plugin

A small jquery plugin gives the ability to stylize checkbox and radiobuttons.


17. jQuery Uniform Plugin

Uniform masks your standard form controls with custom themed controls. It works in sync with your real form elements to ensure accessibility and compatibility.

Source + Demo

Sam Deering is a Front-end Web Developer who specialises in JavaScript & jQuery. Sam is driven and passionate about sharing his knowledge to educate others.

Free Guide:

How to Choose the Right Charting Library for Your Application

How do you make sure that the charting library you choose has everything you need? Sign up to receive this detailed guide from FusionCharts, which explores all the factors you need to consider before making the decision.

  • Gagan

    Awesome post..Very much needed..Thanks

  • Captain Coffee

    Don’t forget

    • jQuery4u

      Cool thanks missed that one, I’ll add it to the list.

  • Siva Guru

    nice post… thank u..

  • mittulphp

    great post .. thanks

  • Nguyen Huy Hoang

    Thank you very much

  • Mirchu

    its nice thnx to share thumbs Up by Mirchu Team

  • Alex

    ArtDesignUI is nice collection of 9 jquery plug-ins to transform all web element.

  • sancoLgates

    great reference, thanks!

Special Offer
Free course!

Git into it! Bonus course Introduction to Git is yours when you take up a free 14 day SitePoint Premium trial.