Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- //##############################
- // jQuery Custom Radio-buttons and Checkbox; basically it's styling/theming for Checkbox and Radiobutton elements in forms
- // By Dharmavirsinh Jhala - dharmavir@gmail.com
- // Date of Release: 13th March 10
- // Version: 0.8
- /*
- USAGE:
- $(document).ready(function(){
- $(":radio").behaveLikeCheckbox();
- }
- */
- var elmHeight = "25"; // should be specified based on image size
- // Extend JQuery Functionality For Custom Radio Button Functionality
- jQuery.fn.extend({
- dgStyle: function()
- {
- // Initialize with initial load time control state
- $.each($(this), function(){
- var elm = $(this).children().get(0);
- elmType = $(elm).attr("type");
- $(this).data('type',elmType);
- $(this).data('checked',$(elm).attr("checked"));
- $(this).dgClear();
- });
- $(this).mouseup(function() { $(this).dgHandle(); });
- },
- dgClear: function()
- {
- if($(this).data("checked") == true)
- {
- $(this).addClass("checked");
- }
- else
- {
- $(this).removeClass("checked");
- }
- },
- dgHandle: function()
- {
- var elm = $(this).children().get(0);
- if($(this).data("checked") == true)
- $(elm).dgUncheck(this);
- else
- $(elm).dgCheck(this);
- if($(this).data('type') == 'radio')
- {
- $.each($("input[name='"+$(elm).attr("name")+"']"),function()
- {
- if(elm!=this)
- $(this).dgUncheck(-1);
- });
- }
- },
- dgCheck: function(div)
- {
- $(this).attr("checked",true);
- $(div).data('checked',true).addClass('checked');
- },
- dgUncheck: function(div)
- {
- $(this).attr("checked",false);
- if(div != -1)
- $(div).data('checked',false).css({backgroundPosition:"center 0"});
- else
- $(this).parent().data("checked",false).removeClass("checked");
- }
- });
Add Comment
Please, Sign In to add comment