Skip to main content

15+ jQuery Radio Button & Checkbox Style Plugins

By Sam Deering



Free JavaScript Book!

Write powerful, clean and maintainable JavaScript.

RRP $11.95

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

Related Articles

Sam Deering has 15+ years of programming and website development experience. He was a website consultant at Console, ABC News, Flight Centre, Sapient Nitro, and the QLD Government and runs a tech blog with over 1 million views per month. Currently, Sam is the Founder of Crypto News, Australia.

New books out now!

Learn the basics of programming with the web's most popular language - JavaScript

A practical guide to leading radical innovation and growth.

Integromat Tower Ad