HTML form elements have always been a problem for designers, they are ugly and never match a website or app style. And also they look different depending on what computer you are using. So here are 30 jQuery plugins to help you create custom radio buttons, checkboxes and select elements. Some of these plugins also extend the functionality of your form elements.
Labelauty jQuery Plugin
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.
Select-or-Die
Select or Die is a jQuery alternative to modify select elements to a new level.
jQuery Form Styler
The documentation is written in Russian but you can check demo file to learn how to use this awesome plugin or use google translate to read it.
Select2
Select2 gives you a customizable select box with support for searching, tagging, remote data sets, infinite scrolling, and many other highly used options.
customSelect
Lightweight, unobtrusive, custom style select boxes with jQuery.
Selectator
Selectator is a jQuery-based replacement for select boxes. It supports searching, and affects the original select box directly, which is used as the data container.
selectToAutocomplete
Turns any select tag into an autocomplete field with weighted options, synonyms and loose matching.
jQuery Selectric
jQuery Selectric is a jQuery plugin designed to help at stylizing and manipulating HTML selects.
Chosen
Chosen is a jQuery plugin that makes long, unwieldy select boxes much more user-friendly.
DropKick.js
This jQuery plugin will make your ul li elements look like select element.
FancySelect
FancySelect is easy to use. Just target any select element on the page, and call fancySelect function on it.
EasyDropDown
EasyDropDown is a jQuery plugin that effortlessly turns humble elements into styleable drop-down menus for use in forms or general UI/navigation.
Image Picker
Image Picker is a simple jQuery plugin that transforms a select element into a more user friendly graphical interface.
jQuery Cascading Dropdown
A simple and lighweight jQuery plugin for creating cascading dropdowns.
customSelect
A simple jQuery UI widget to pretty up select elements and input custom ranges.
Selectik
Selectik is jQuery select plugin, easy use, cross-browser alternative to the standard select form element which can be customised with CSS.
iCheck
Highly customizable checkboxes and radio buttons for jQuery and Zepto.
Bootstrap Switch
Turn checkboxes and radio buttons in toggle switches.
Checkbo
Custom Checkbox and Radio, lightweight jQuery Plugin.
ScrewDefaultButtons
ScrewDefaultButtons is a simple jQuery plugin allowing you to replace the browser defaults for radio buttons and checkboxes with your own custom design.
radiosToSlider
jquery plugin to create a slider using a list of radio buttons.
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.
wSelect.js
A jQuery plugin for fully customizable and clean looking select boxes. These are div based select boxes that will allow us to do additional things like adding icons to our options.
Deep Checkbox
jQuery plugin that brings some logic to nested checkboxes.