Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
JavaScript
branch: master

Fetching latest commit…

Cannot retrieve the latest commit at this time

Failed to load latest commit information.
README.markdown
jquery.custom_radio_checkbox.js

README.markdown

jQuery Fancy Custom Radio Buttons and Checkboxes

This is a modification of the plugin written by Dharmavirsinh Jhala available here: http://blogs.digitss.com/javascript/jquery-javascript/jquery-fancy-custom-radio-and-checkbox/

Originally this plugin depended on using CSS sprites, it has been modified to toggle a css class leaving the actual implementation up to you.

Example Usage:

javascript:

$(document).ready(function(){
  $('.fancyRadio').dgStyle();
});

html:

<div class="fancyRadio">
  <input type="radio" value="1" name="category" />
</div>

css:

.fancyRadio {
  height: 16px;
    width: 16px;
    margin: 0 0 3px;
    background-repeat:no-repeat;
    cursor: default;
    display: block;
    float: left;
}

.fancyRadio.checked {
  background:url("checked-ico.png") !important;
}
Something went wrong with that request. Please try again.