BLOGS@DiGiTSS

DiGiTSS Team's Programming experience with PHP, MySQL, Ajax, Javascript, jQuery, C# and Microsoft technologies

Posts Tagged Forms

jQuery Fancy Custom Radio-button and Checkbox

Apr 8

Posted by Dharmavirsinh Jhala in Tools / Plugins / Extenstion, jQuery | 16 Comments

Fancy Radio-button and Checkbox

Fancy Radio/ Checkbox

I have written a jQuery Plugin for Fancy Custom Checkbox and Radio-buttons. To make form elements visually more expressive. I required this for one of my project and later on I have rewritten it completely to make it more generic and easier for jQuery Lovers. I am great fan of jQuery and I am inspired by http://ryanfait.com/resources/custom-checkboxes-and-radio-buttons/ to write this plugin.

It's fairly easy to use just like any other jQuery plugin you just have to write couple of lines of javascript code and add some CSS to your html.

Javascript You need:

$(document).ready(function(){
	$(".radio").dgStyle();
	$(".checkbox").dgStyle();
});

Read the rest of this entry »

Tags: , , ,

jQuery Plugin – Radio button with Checkbox Behavior – Updated

Mar 6

Posted by Dharmavirsinh Jhala in Javascript, jQuery | 4 Comments

I found some bugs in my jQuery plugin I have published recently. So here is the bugfix release for the same.

You can download it here.

See Demo Radio with Checkbox Behavior Live in Action here.

Following bugs/issues are resolved.

Change Log:
- Compatibility will be with jQuery 1.2.3 or newer.
- jQuery chain will not break.
- Bug related to multiple radios is solved.
- Now using data() function from jQuery 1.2.3
- If radios are checked while page is getting loaded then it was required to click twice to uncheck.
- Tested on IE, Firefox, Safari.
Download Here

Tags: , ,

Radio-button with Checkbox behavior

Feb 25

Posted by Dharmavirsinh Jhala in Javascript, jQuery | 5 Comments

Ever wanted Radio-button group which could be deselected once you click on any of the choice from given radio button group?

Then here is my simple jQuery plugin which you can use to make all your radio-buttons in the form behave like checkbox. Here by checkbox I mean to give Click to select and click-again to de-select kind of functionality.

How to use?

$(document).ready(function(){
    $(":radio").behaveLikeCheckbox();
});

For more details checkout live demo or goto jQuery plugin repository.

Update: Radio-buttons with Checkbox behavior - a jQuery Plugin 1.2.5

Tags: , , , ,