Loading, please wait...

ARTDESIGN CLASSIC CHECK BOX

EXAMPLES

Overwrite settings for all children elements

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

Frequently overwriting settings for all children elements

<div data-plugin-ad-classic-check-box="ad-classic-check-box" data-ad-classic-check-box-button-options="ClassicCheckBoxFullColorDefault, ClassicCheckBoxBlue">
    <input type="checkbox" name="CheckBox" value="CheckBox 1" data-ad-classic-check-box-label="Check Box 1" checked="checked"/>
    <input type="checkbox" name="CheckBox" value="CheckBox 2" data-ad-classic-check-box-label="Check Box 2"/>
    <input type="checkbox" name="CheckBox" value="CheckBox 3" data-ad-classic-check-box-label="Check Box 3"/>
</div>

Overwrite settings for a specific child element

<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="Check Box 1" checked="checked" data-ad-classic-check-box-button-options="ClassicCheckBoxBlue"/>
    <input type="checkbox" name="CheckBox" value="CheckBox 2" data-ad-classic-check-box-label="Check Box 2"/>
    <input type="checkbox" name="CheckBox" value="CheckBox 3" data-ad-classic-check-box-label="Check Box 3"/>
</div>

Frequently overwriting settings for a specific child element

<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="Check Box 1" checked="checked" data-ad-classic-check-box-button-options="ClassicCheckBoxFullColorDefault, ClassicCheckBoxBlue"/>
    <input type="checkbox" name="CheckBox" value="CheckBox 2" data-ad-classic-check-box-label="Check Box 2"/>
    <input type="checkbox" name="CheckBox" value="CheckBox 3" data-ad-classic-check-box-label="Check Box 3"/>
</div>

External switching (Active)

Active Check Box 1
InActive Check Box 1
Active Check Box 2
InActive Check Box 2
Active Check Box 3
InActive Check Box 3
<div data-plugin-ad-classic-check-box="ad-classic-check-box">
    <input type="checkbox" name="CheckBox" id="CheckBox1" value="CheckBox 1" data-ad-classic-check-box-label="Check Box 1" checked="checked" data-ad-classic-check-box-button-options="ClassicCheckBoxFullColorDefault, ClassicCheckBoxBlue"/>
    <input type="checkbox" name="CheckBox" id="CheckBox2" value="CheckBox 2" data-ad-classic-check-box-label="Check Box 2"/>
    <input type="checkbox" name="CheckBox" id="CheckBox3" value="CheckBox 3" data-ad-classic-check-box-label="Check Box 3"/>
</div>
<script type="text/javascript">
    function ActiveCheckBox1() {
        $("#CheckBox1").attr("checked", "checked");
    }
    function ActiveCheckBox2() {
        $("#CheckBox2").attr("checked", "checked");
    }
    function ActiveCheckBox3() {
        $("#CheckBox3").attr("checked", "checked");
    }
    function InActiveCheckBox1() {
        $("#CheckBox1").removeAttr("checked");
    }
    function InActiveCheckBox2() {
        $("#CheckBox2").removeAttr("checked");
    }
    function InActiveCheckBox3() {
        $("#CheckBox3").removeAttr("checked");
    }
</script>

Disable mode - all children elements

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

External switching (Enable/Disable) - all children elements

Enable All
Disable All
<div data-plugin-ad-classic-check-box="ad-classic-check-box" id="DisableAll">
    <input type="checkbox" name="CheckBox" value="CheckBox 1" data-ad-classic-check-box-label="Check Box 1" checked="checked"/>
    <input type="checkbox" name="CheckBox" value="CheckBox 2" data-ad-classic-check-box-label="Check Box 2"/>
    <input type="checkbox" name="CheckBox" value="CheckBox 3" data-ad-classic-check-box-label="Check Box 3"/>
</div>
<script type="text/javascript">
    function EnableAll() {
        $("#DisableAll").removeAttr("disabled");
    }
    function DisableAll() {
        $("#DisableAll").attr("disabled", "disabled");
    }
</script>

Disable mode - specific child element

<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="Check Box 1" checked="checked"/>
    <input type="checkbox" name="CheckBox" value="CheckBox 2" data-ad-classic-check-box-label="Check Box 2" disabled="disabled"/>
    <input type="checkbox" name="CheckBox" value="CheckBox 3" data-ad-classic-check-box-label="Check Box 3"/>
</div>

External switching (Enable/Disable) - specific children element

Enable Check Box 2
Disable Check Box 2
<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="Check Box 1" checked="checked"/>
    <input type="checkbox" name="CheckBox" value="CheckBox 2" data-ad-classic-check-box-label="Check Box 2" id="Disable"/>
    <input type="checkbox" name="CheckBox" value="CheckBox 3" data-ad-classic-check-box-label="Check Box 3"/>
</div>
<script type="text/javascript">
    function EnableAll() {
        $("#CheckBox2").removeAttr("disabled");
    }
    function DisableAll() {
        $("#CheckBox2").attr("disabled", "disabled");
    }
</script>