Comments on: imageTick for jQuery (Pretty Checkboxes)

By: sup3rst4r

sup3rst4r — Sun, 29 Jan 2012 22:12:44 +0000

I forgot to add.. I also have a onclick function that’s fired when you click the radio button. but that should not interfere, right?

$(“input[id='freedom']“).imageTick({ // the selector can be a class as well, target your radios or checkboxes
tick_image_path: “images/button-free.a.png”, // the image you want to use as a selected state of the radio/checkbox
no_tick_image_path: “images/button-free.png”, // image you want to use as a non selected state
});

There’s the code for the radio button and the imagetick jquery stuff.

By: sup3rst4r

sup3rst4r — Sun, 29 Jan 2012 22:10:48 +0000

Hi,
First of all – thank you for this script.
However I have some problems with it.
When I click a radio button, it changes the image to what I have set in tick_image_path, yes.
When I click another radio button in the same group, the first does not go back to the ‘unchecked’ image I have defined in no_tick_image_path. The path is correct however since the right image is shown when loading the page, as in nothing is checked.

Can you help me?

By: seyiox

seyiox — Sat, 14 Jan 2012 07:31:48 +0000

Hi Jordan, great plugin! I noticed the checkboxes aren’t checked until the second click (by which the images are unchecked (similar to the IE bug mentioned way back.) I did a $(:checked).length and the results are wrong (i.e. 0 checked when 1 is checked and 1 check when none is checked). The function works fine without the plugin.

By: Jim J

Jim J — Thu, 22 Dec 2011 00:10:45 +0000

Hey All,
First – thank you Jordan for the great script. Echoing Inbal above, I am struggling with how to designate different radio groups on the same page. Currently, I can only have a single radio group on a page – otherwise, the ‘selected image’ is replaced for all groups with each selection. In other words, only one radio button can display as selected on any page at a given time. Has anyone found a solution for this?
Thanks!
jj

By: Dacheux

Dacheux — Wed, 16 Nov 2011 16:29:11 +0000

Hello,
Great job.
A question: How to center the image that replaces the radio button?

By: Philip

Philip — Wed, 02 Nov 2011 23:24:37 +0000

I love your script and someone modified it to allow for something that Robert had asked. The modification is for v1.0. Do you think this type of modification can be done for v2.0? Or is this type of functionality built in? Here is the link:

http://stackoverflow.com/questions/3114166/replacing-radio-buttons-with-different-images

basically…one radio button set with a different image for each radio button.

Thanks!

By: Inbal

Inbal — Mon, 10 Oct 2011 11:26:52 +0000

hi, thank’s for the plugin.
how can we distinguish between groups of radio buttons.
i have groups which have GroupName property:

how can i differentiate in : $(“input[type='radio']“).imageTick({,
i tryed this line but it is not working:
$(“input[name= " + $("#") + "Question1']“).imageTick({

thank you

By: Jordan Boesch

Jordan Boesch — Sat, 13 Aug 2011 19:40:46 +0000

@khan: There isn’t an easy way of resetting them. Here is how you could go about doing it:
http://jsfiddle.net/jboesch26/ALYjD/1/

By: khan

khan — Sat, 13 Aug 2011 19:24:02 +0000

hi..

can anybody help me?
1)how can i reset radio/checkbox
2)how can i check/uncheck

By: khan

khan — Fri, 12 Aug 2011 10:39:31 +0000

thanks Jordan Boesch.
1)how can i reset radio/checkbox
2)how can i check/uncheck