https://github.com/mithunsatheesh/customcheckbox

Jquery plugin for customizing checkboxes
https://github.com/mithunsatheesh/customcheckbox

Last synced: 20 days ago
JSON representation

Jquery plugin for customizing checkboxes

• Host: GitHub
• URL: https://github.com/mithunsatheesh/customcheckbox
• Owner: mithunsatheesh
• Created: 2012-05-24T09:01:56.000Z (over 12 years ago)
• Default Branch: master
• Last Pushed: 2012-05-24T09:02:14.000Z (over 12 years ago)
• Last Synced: 2024-04-15T03:09:29.476Z (8 months ago)
• Language: JavaScript
• Size: 113 KB
• Stars: 0
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.textile

Awesome Lists containing this project

README

        
h1. Custom Checkbox Jquery Plugin

*Version:* 1.0

*License:* "Dual GPL + MIT"

*Author:* "Mithun Satheesh"

h2. About

Custom Checkbox is a jquery plugin for replacing normal checkbox icons with the custom icons proived by the user. Just call the plugin to with the input id and the custom images, your custom checkbox is in action.  

h2. Browser Support

Tested on IE6+, Safari, Chrome, Firefox 3+

h2. Use

Just call plugin with the checkbox id and provide the checked and unchecked state images.

h3. javascript


$(document).ready(function(){


	$('#YourCheckbox').doImage({on:'images/checked_1.png',off:'images/nochecked_1.png'});

    

});



h3. html





h2. Solution to Known Issues

The plugin images seem to fail interchanging the icons if the checkbox value was altered using javascript without user clicking on. Use the following solution for the issue. 

h4. javascript


function changer()

{

	$('#Yo6').attr('checked',($('#Yo6')

    	.attr('checked')?false:true))

        .customCheckbox({on:'checkbox/check.gif',off:'checkbox/no_check.gif'});

	

}



h4. html


here 



Here if you are changing value using javascript, then remember to call the pluggin just after the call. Will set the check box to appear with the changed icon.

h2. Changelog

*Version 1.0*

* Initial Release