OGraphr disabled

by idleberg

HTML

<p>
    <label><input name="ographr_options[enable_plugin_on_front]" type="checkbox" class="vtoggle" value="1" data-vtarget="input.enable_triggers" data-vstate="1" /> Enable plug-in </label>&nbsp;
                                
    <label><input name="ographr_options[enable_triggers_on_front]" type="checkbox" class="enable_triggers" value="1" disabled="disabled" /> Enable triggers </label>&nbsp;
</p>

<p>
<label><input name="ographr_options[add_post_images]" type="checkbox" class="vtoggle" data-vtarget="input.disable_filters, textarea.disable_filters" data-vstate="1" value="1" /> Post images </label>&nbsp;
</p>

<p>
<label>Filters:</label>
    <label><input name="ographr_options[filter_gravatar]" type="checkbox" value="1" class="disable_filters" disabled="disabled" /> Exclude avatars </label>&nbsp;
                                        
    <label><input name="ographr_options[filter_smilies]" type="checkbox" value="1" class="disable_filters" disabled="disabled" /> Exclude emoticons </label>&nbsp;
                                        
    <label><input name="ographr_options[filter_themes]" type="checkbox" value="1" class="disable_filters" disabled="disabled" /> Exclude themes </label>&nbsp;
</p>                        

<p>
    <label>Custom URLs:</label>
    <br/>
    <textarea name="ographr_options[filter_custom_urls]" cols="76%" rows="4" class="disable_filters" disabled="disabled" >Hello!</textarea>
</p>

<p>
    <label><input name="ographr_options[add_attached_image]" type="checkbox" value="1" class="vtoggle" data-vtarget="input.post_thumbnail" data-vstate="0" /> Attached images </label>&nbsp;
                                        
                                        <label><input name="ographr_options[add_post_thumbnail]" type="checkbox" value="1" class="post_thumbnail" /> Post thumbnail </label>&nbsp;
                    
    </p>

CSS

p {margin-bottom:15px}

JavaScript

$(function() {
        
    $("input.vtoggle").click(function() {
        var vtargetSelector = $(this).data('vtarget');
        var vtarget = $( vtargetSelector );
        //console.log(vtarget);
        
        var vstate = $(this).data('vstate');
        //console.log(vstate);
            
        if (this.checked) {
            if (vstate == 1) {
                vtarget.removeAttr("disabled");
            } else {
                vtarget.attr("disabled", true);
            }
        } else {
            if (vstate == 0) {
                vtarget.removeAttr("disabled");
            } else {
                vtarget.attr("disabled", true);
            }
            
        }
    });
})