Checkator - Replacement for radio and checkbox elements

Checkator is a jQuery-based replacement for radio and checkbox elements. It supports css styling, and affects the original radio or checkbox element directly, which is used as the data container.

sex shop sex shop sex shop sex shop sex shop seks shop spanish fly psikolog sohbet numara sohbet hatti

Source: github.com

1. INCLUDE CSS AND JS FILES

<link rel="stylesheet" href="fm.checkator.jquery.css"/>
<script src="jquery-1.11.0.min.js"></script>
<script src="fm.checkator.jquery.js"></script>

2. HTML

<input type="radio" name="radio1" class="radio1" id="radio1_1">

3. JAVASCRIPT

$('.radio1').checkator();

4. ADVANCED

HTML mangling

The plugin will wrap the original elements inside divs, and add a div after original element, like shown below:

Before:

<input type="radio" name="radio1" class="radio1" id="radio1_1">

After:

<div class="checkator_holder radio">
    <input type="radio" name="radio1" class="radio1 checkator_source" id="radio1_1" style="opacity: 0;">
    <div id="checkator_radio1_1" class="checkator radio"></div>
</div>

CSS classes

Here is a list of all the css classes

DOM Structure

• holder: containing the radio|checkbox class
  • source
  • checkator

jQuery methods

Method usage

$('#selectBox').checkator('destroy');