jQuery Picker Examples

A jQuery plugin for replacing default checkboxes and radios.

Basic

Picker will automatically detect the type of the input and render the proper styles.

$("input[type=radio], input[type=checkbox]").picker();
<fieldset>
    <input type="radio" id="radio_1" name="radio_1" value="Radio One" />
    <label for="radio_1">One</label>
</fieldset>

<fieldset>
    <input type="checkbox" id="checkbox_1" name="checkbox_1" value="Checkbox One" />
    <label for="checkbox_1">One</label>
</fieldset>
Demo

Radio

Checkbox


Toggle

Picker can also render a 'toggle' style checkbox.

$("input[type=checkbox]").picker({
	toggle: true
});
Demo