Loading, please wait...

ARTDESIGN CLASSIC CHECK BOX

Description

ArtDesign Classic CheckBox is a JavaScript PlugIn, which transform checkbox web element. This plugIn also upgrades the functionality of the ArtDesign Button
Full support of all advanced Web browsers
Full style control only with JavaScript, without using CSS
Full style control - Size (width, height), Margin and Padding, Background (background color, gradient), Shadow (outer, inner), Border (width, color, radius), Text and Icon (font, size, color)
10 predefined styles
Set the style with attributes
Set multiple styles to one element, each of them overwrites the previous
Opportunity to define an unlimited number of own styles
Opportunity to define a global styles (for all children elements) and individual style (for all concrete child element)
Integration with ArtDesign icons
Switching mode (Active/Inactive)
Disable mode
Hover / Click Animations
Listening for click events
Listening for external changes (Active / Inactive, Enable / Disable)
Listening for attribute changes
Public methods: Destroy

Demo

HTML

<div data-plugin-ad-classic-check-box="ad-classic-check-box">
    <input type="checkbox" name="CheckBox" value="CheckBox 1" data-ad-classic-check-box-label="This is Check Box 1" checked="checked"/>
    <input type="checkbox" name="CheckBox" value="CheckBox 2" data-ad-classic-check-box-label="This is Check Box 2"/>
    <input type="checkbox" name="CheckBox" value="CheckBox 3" data-ad-classic-check-box-label="This is Check Box 3"/>
</div>

JavaScript

<script type="text/javascript">
    $(document).ready(function() {
        $(".ArtDesign").ArtDesignClassicCheckBox();
    });
</script>