20 Best jQuery Radio Button and Checkbox Style Plugins

Styling checkboxes & radio buttons to give them a look other than standard forms can be a key to impress site visitors. Therefore for our jQueryHouse audience we would like to present 20 Best jQuery Radio Button and Checkbox Style Plugins which you can easily add into your websites and can create a beautiful and visually stunning user interface for your website visitors. Enjoy !!

1. Switchry

switchery
Switchery is a simple plugin that helps you turn your default HTML checkbox inputs into beautiful iOS 7 style switches in just few simple steps. You can easily customize switches, so that they match your design perfectly.

2. Pretty Checkable

prettycheckable
prettyCheckable plugin replaces the default checkboxes andradio inputs for better looking ones.

3. Sumo Select

jquery sumoselect
SumoSelect is a jQuery single/multi select plugin which can be used on almost any device. It can be fully customizable using simple css properties.

4. Check Radios

checkradios
CheckRadios is a jQuery plugin that is designed to allow you to fully customize check boxes and radios without using standard images and with scalability in mind. This plugin uses vector based icons/fonts to add in the ticks and circles which allows far greater customization as well as scalability and ultimately much greater control over the check boxes and radios using css.

5. Ion.CheckRadio

ioncheckradio
Ion.CheckRadio is jQuery plugin for styling checkboxes and radio-buttons with skin support.

6. Labelauty

Labelauty jQuery Plugin
Labelauty is a nice and lightweight jQuery plugin that gives beauty to checkboxes and radio buttons and allows custom labels for each status of (un)checked inputs.

7. rcSwitcher

rcswither
rcSwitcher (Radio Checkbox Switcher) is a jQuery plugin that lets you transform your input checkboxes and radios into a nice switch buttons with a nice interfaces.

8. jQuery Selectable

jquery selecatble plugin
jQuery Selectable is a jQuery plugin which allows you to turn anything into a selectable/checkable element. You can convert elements like buttons to checkbox/radiobutton easily.

9. Checkator

checkator
Checkator is a jQuery-based replacement for radio and checkbox elements. It supports css styling, and affects the original radio or checkbox element directly, which is used as the data container.

10. Checkbox Field

checkbox field
Checkbox-field is a jQuery plugin that turns multiselect fields into a field of checkboxes.

11. CheckBo

checkbo
checkBo is a lightweight jQuery plugin for custom checkbox and radio.

12. Bootstrap Checkbox

bootsrap checkbox
Bootstrap Checkbox is a checkbox component based on Bootstrap framework.

13. iCheck

icheck
Super customized checkboxes and radio buttons with jQuery & Zepto.iCheck is created to avoid routine of reinventing the wheel when working with checkboxes and radio buttons. It provides an expected identical result for the huge number of browsers, devices and their versions. Callbacks and methods can be used to easily handle and make changes at customized inputs.

14. jQuery Stylish Checkbox

jquery stylish checkbox
it is lightweight custom styled checkbox implementaion for jQuery 1.2.x and 1.3.x. it supports "label hovering": when you point over parent label element, it will highlight its checkbox (thanks to Eugene for the idea).

15. ScrewDefaultButtons

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

16. Kalypto

kalypto
Kalypto is a basic plugin to use a simple sprite and CSS in place of a checkbox or radio button. Styles for the checked/non-checked state should be defined in a stylesheet, and the plugin changes the class and maintains the state of the checkbox or radio button.

17. Fancyform

fancyform
Fancyform is a tool that offers a nice and elegant way to transform your HTML elements into custom styled elements. It is build on the Javascript framework jQuery and is easy to implement and customize. The elements you can style areinput:radio, input:checkbox, select and textarea.

18. Bootstrap Toggle

bootstrap toggle
Bootstrap Toggle is a highly flexible Bootstrap plugin that converts checkboxes into toggles.

19. jQuery Custom Form

jQuery custom form
jQuery Custom Form plugin that allows you to play with input type(checkbox and radio) design, with disabled action and custom SELECT.

20. Bootstrap Switch

bootstrap switch
Bootstrap Switch is a jQuery plugin that turns checkboxes and radio buttons in toggle switches.