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 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 gives you a customizable select box with support for searching, tagging, remote data sets, infinite scrolling, and many other highly used options.
Lightweight, unobtrusive, custom style select boxes with jQuery.
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.
Turns any select tag into an autocomplete field with weighted options, synonyms and loose matching.
jQuery Selectric is a jQuery plugin designed to help at stylizing and manipulating HTML selects.
Chosen is a jQuery plugin that makes long, unwieldy select boxes much more user-friendly.
This jQuery plugin will make your ul li elements look like select element.
FancySelect is easy to use. Just target any select element on the page, and call fancySelect function on it.
Jquery CSS Multi Column Select Box
A Simple plugin (3Kb) that will hide the Select control and then display a multicolumn dropdown (css).
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 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.
A simple jQuery UI widget to pretty up select elements and input custom ranges.
Selectik is jQuery select plugin, easy use, cross-browser alternative to the standard select form element which can be customised with CSS.
Highly customizable checkboxes and radio buttons for jQuery and Zepto.
Turn checkboxes and radio buttons in toggle switches.
Custom Checkbox and Radio, lightweight jQuery Plugin.
ScrewDefaultButtons is a simple jQuery plugin allowing you to replace the browser defaults for radio buttons and checkboxes with your own custom design.
jquery plugin to create a slider using a list of radio buttons.
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.
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.
jQuery plugin that brings some logic to nested checkboxes.
Below you will find collection of html form elements done in pure CSS.