betterCheckbox

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

You can find some examples here.

If you want to use default style include betterCheckbox and its stylesheet on your page before </body> tag

<link href="betterCheckbox.css" type="text/css" rel="stylesheet">
<script src="/path/to/betterCheckbox.min.js"></script>

Then just add it to one of DOMs elements

<script>
$('#elementsID').betterCheckbox();
</script>

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'