Fork me on GitHub

Introduction

betterCheckbox is a jquery plugin that allows you to customize your checkbox forms using CSS.

Browser Support

betterCheckbox has been tested and should work in

Examples

Available for download at github

metro (default):

dashed:

stamp:

round:

square:

slim:

retro:

Usage

If you want to use default style include betterCheckbox and its stylesheet on your page before the closing body tag

					
					

Then just add it to one of DOMs elements

					

Download

You can find complete source with examples at github

Or use those files

API

Settable Options

Option Description Data Type Default
boxClass Name of the class you want to use for the checkbox string 'betterCheckbox-box'
tickClass Name of the class you want to use for the checkmark string 'betterCheckbox-tick'
tickInnerHTML Set innerHTML for checkmark div (you can use text as a checkmark) string ' '
disabledBoxClass Name of the class you want to add to the checkbox when disabled string 'disabled'
disabledTickClass Name of the class you want to add to the checkmark when disabled string 'disabled'

Methods

Method Description
disable Disables the checkbox
enable Enables the checkbox
check Checks the checkbox
uncheck Unchecks the checkbox
destroy Removes plugin functionality

License

cssConsole plugin is released under MIT license.

Credits

cssConsole plugin was created by Michał Kowalkowski. You can contact me at kowalkowski.michal@gmail.com