Design your checkboxes with CSS
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
public
.gitignore
.ruby-version
MIT-LICENSE.txt
README.md
Thorfile
jquery-custom-checkbox.js

README.md

jQuery custom checkbox

Design your checkboxes in CSS.

How to use:

HTML

<div>
    <input id="checkbox-name" onclick="" name="checkbox-name "type="checkbox" />
    <label for="checkbox-name">Your label</label>
</div>

JS

$('input[type=checkbox]').customcheckbox();

CSS

The plugin adds a element inside your label with the class "fake-checkbox" & hides your real checkbox.

So, you can style the following selectors:

  • .fake-checkbox
  • .fake-checkbox.checked