Loading, please wait...

ARTDESIGN CLASSIC RADIO

EXAMPLES

Overwrite settings for all children elements

<div data-plugin-ad-classic-radio="ad-classic-radio" data-ad-classic-radio-button-options="ClassicRadioBlue">
    <input type="radio" name="Radio" value="Radio 1" data-ad-classic-radio-label="Radio 1" checked="checked"/>
    <input type="radio" name="Radio" value="Radio 2" data-ad-classic-radio-label="Radio 2"/>
    <input type="radio" name="Radio" value="Radio 3" data-ad-classic-radio-label="Radio 3"/>
</div>

Frequently overwriting settings for all children elements

<div data-plugin-ad-classic-radio="ad-classic-radio" data-ad-classic-radio-button-options="ClassicRadioFullColorDefault, ClassicRadioBlue">
    <input type="radio" name="Radio" data-ad-classic-radio-label="Radio 1" checked="checked"/>
    <input type="radio" name="Radio" data-ad-classic-radio-label="Radio 2"/>
    <input type="radio" name="Radio" data-ad-classic-radio-label="Radio 3"/>
</div>

Overwrite settings for a specific child element

<div data-plugin-ad-classic-radio="ad-classic-radio">
    <input type="radio" name="Radio" value="Radio 1" data-ad-classic-radio-label="Radio 1" checked="checked" data-ad-classic-radio-button-options="ClassicRadioBlue"/>
    <input type="radio" name="Radio" value="Radio 2" data-ad-classic-radio-label="Radio 2"/>
    <input type="radio" name="Radio" value="Radio 3" data-ad-classic-radio-label="Radio 3"/>
</div>

Frequently overwriting settings for a specific child element

<div data-plugin-ad-classic-radio="ad-classic-radio">
    <input type="radio" name="Radio" value="Radio 1" data-ad-classic-radio-label="Radio 1" checked="checked" data-ad-classic-radio-button-options="ClassicRadioFullColorDefault, ClassicRadioBlue"/>
    <input type="radio" name="Radio" value="Radio 2" data-ad-classic-radio-label="Radio 2"/>
    <input type="radio" name="Radio" value="Radio 3" data-ad-classic-radio-label="Radio 3"/>
</div>

External switching (Active)

Active Radio 1
Active Radio 2
Active Radio 3
<div data-plugin-ad-classic-radio="ad-classic-radio">
    <input type="radio" name="Radio" id="Radio1" value="Radio 1" data-ad-classic-radio-label="Radio 1" checked="checked"/>
    <input type="radio" name="Radio" id="Radio2" value="Radio 2" data-ad-classic-radio-label="Radio 2"/>
    <input type="radio" name="Radio" id="Radio3" value="Radio 3" data-ad-classic-radio-label="Radio 3"/>
</div>
<script type="text/javascript">
    function ActiveRadio1() {
        $("#Radio1").attr("checked", "checked");
    }
    function ActiveRadio2() {
        $("#Radio2").attr("checked", "checked");
    }
    function ActiveRadio3() {
        $("#Radio3").attr("checked", "checked");
    }
</script>

Disable mode - all children elements

<div data-plugin-ad-classic-radio="ad-classic-radio" disabled="disabled">
    <input type="radio" name="Radio" data-ad-classic-radio-label="Radio 1" checked="checked"/>
    <input type="radio" name="Radio" data-ad-classic-radio-label="Radio 2"/>
    <input type="radio" name="Radio" data-ad-classic-radio-label="Radio 3"/>
</div>

External switching (Enable/Disable) - all children elements

Enable All
Disable All
<div data-plugin-ad-classic-radio="ad-classic-radio" id="DisableAll">
    <input type="radio" name="Radio" value="Radio 1" data-ad-classic-radio-label="Radio 1" checked="checked"/>
    <input type="radio" name="Radio" value="Radio 2" data-ad-classic-radio-label="Radio 2"/>
    <input type="radio" name="Radio" value="Radio 3" data-ad-classic-radio-label="Radio 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-radio="ad-classic-radio">
    <input type="radio" name="Radio" value="Radio 1" data-ad-classic-radio-label="Radio 1" checked="checked"/>
    <input type="radio" name="Radio" value="Radio 2" data-ad-classic-radio-label="Radio 2" disabled="disabled"/>
    <input type="radio" name="Radio" value="Radio 3" data-ad-classic-radio-label="Radio 3"/>
</div>

External switching (Enable/Disable) - specific child element

Enable Radio 2
Disable Radio 2
<div data-plugin-ad-classic-radio="ad-classic-radio">
    <input type="radio" name="Radio" value="Radio 1" data-ad-classic-radio-label="Radio 1" checked="checked"/>
    <input type="radio" name="Radio" value="Radio 2" data-ad-classic-radio-label="Radio 2" id="Disable"/>
    <input type="radio" name="Radio" value="Radio 3" data-ad-classic-radio-label="Radio 3"/>
</div>
<script type="text/javascript">
    function Enable() {
        $("#Disable").removeAttr("disabled");
    }
    function Disable() {
        $("#Disable").attr("disabled", "disabled");
    }
</script>