Plugins
Home

The plugins site is currently in development.

We've been looking to provide a higher-quality, spam-free experience at the plugins site for some time, and a major error on our part forced us to shut down the current site before we could put the new one in place. We are developing a new site, and you can follow along with its development on GitHub. For more information about this transition, including steps you can take as a plugin author to prepare, please read our post about what's going on.

Checkbox


Cool Multiple

Submitted by vladfr on September 13, 2010 - 12:57pm

Transforms a boring multiple select (combo box) or a list of checkboxes into a nicer control.

See latest code at:
http://github.com/vladfr/jquery-coolmultiple

ezMark: Stylize Checkbox & Radiobutton

Submitted by itsalif on July 5, 2010 - 4:11am

ezMark is a jQuery Plugin that can stylize checkbox and radiobutton easily. ezMark uses an image replacement for checkbox and radiobutton. Unlike most other script which requires a lot of code, ezMark is very small (minified version is ~1.5kb) and it gracefully degrades.

Tested and works on all major browsers (IE 6/7/8, Firefox, Safari, Chrome)

Basic Syntax for usage:

$('selector').ezMark([options]);

To apply on all checkbox and radiobutton across the page, use:

$('input').ezMark();

To apply on just the checkbox or radio button, use:

// for checkbox
$('input[type="checkbox"]').ezMark();
// for radio
$('input[type="radio"]').ezMark();

Online Documentation & Demo:
http://www.itsalif.info/content/ezmark-jquery-checkbox-radiobutton-plugin

Radio/Checkbox Image Styling

Submitted by darcnite3000 on June 23, 2010 - 1:45am

A simple plugin extending http://blogs.digitss.com/javascript/jquery-javascript/jquery-fancy-custo...
giving a way to replace radiobuttons and checkboxes with an image.

it uses a background-image in a wrapper div to show the states

pos-checked-status
0 - false - off
1 - false - over
2 - false - down
3 - true - off
4 - true - over
5 - true - down

the plugin is activated like
$(document).ready(function(){
$(selector).rciStyle();
}

Tri-state checkbox out of Radiogroup

Submitted by fkleinko on May 17, 2010 - 9:08am

This plugin will create a Tri-state checkbox out of a radiogroup with 3 options.

jQuery LightSwitch

Submitted by catchmyfame on May 9, 2010 - 4:40pm

Quickly and easily convert and number of checkboxes and radio buttons to intuitive and easy to use "switches". This plugin can be applied to any checkbox or radio button, and the image used can be different each time you call the plugin. For example, you could use the same image for all of your buttons, use one image for checkboxes and another for radio buttons, or apply a different image to each element individually. Since explaining this doesn’t have the same impact as using it, please check out the demos for a complete understanding. Setup is fast and the plugin comes with plenty of potions to customize the look of your light switches.

Tri-state Checkbox

Submitted by bbelcourt on April 12, 2010 - 7:25pm

Simulates the 3-state checkbox functionality found in desktop applications using clean semantic markup.

Usage:

$('ul.triState','').tristate();

The required HTML is nothing but nested unordered lists. The plugin can handle any number nested levels automatically. Simply call the tristate function on the root ul tag.

The tristate plugin can handle any number of instances on a given page.

There are a couple of options available to customize your installation:

heading (default value = 'span.label'): This option allows you to specify the header elements for each sub-list.

showOriginalInputs (default value = false): This option shows the original input elements in addition to the proxy inputs to allow for easy debugging.

Google Code project page

checkboxTree

Submitted by v.galano on April 9, 2010 - 5:30pm

checkboxTree is lightweight jQuery plugin to handle collapsible checkbox's tree.

Custom Fancy Radio-button and Checkbox

Submitted by dharmavir on April 7, 2010 - 3:28pm

I have written a jQuery Plugin for Fancy Custom Checkbox and Radio-buttons. To make form elements visually more expressive. I required this for one of my project and later on I have rewritten it completely to make it more generic and easier for jQuery Lovers. I am great fan of jQuery and I am inspired by http://ryanfait.com/resources/custom-checkboxes-and-radio-buttons/ to write this plugin.

It's fairly easy to use just like any other jQuery plugin you just have to write couple of lines of javascript code and add some CSS to your html.

SelectALL - Check/Uncheck all easy

Submitted by eduardostuart on April 4, 2010 - 1:17pm

SelectAll is a jQuery plugin that allows you to create the function to check and clear all checkbox in a list quickly and easily. You can do customization for use according to their needs.

How to use

http://eduardostuart.wordpress.com/2010/04/04/selecionardesmarcar-todos-...

jQuery Enable Disable Plugin

Submitted by jjoaco on March 11, 2010 - 6:41pm

jquery enable disable plugin is a simple, flexible and powerful tool. you can disable or enable easily an input, textarea or another form element by using a radio button, checkbox or a drop-down list.

tested with 1.2.x and 1.3.x

drop-down list support was added by Ajay Sawant thank you!