$('.radio').each(function() { var v = $(this).val(); $(this).screwDefaultButtons({ checked: "url(images/"+v+"-checked.png)", unchecked:"url(images/"+v+".png", width: 25, height: 26 }); });
I have this code to apply styles to my radio buttons and works well except for the fact that the v value is the same to all my radio buttons so they all have the same background image. What am I doing wrong?
No, only with the same background for all the radio buttons.
EDIT: You're right, that's it. I tried to apply a different background for 2 different radio buttons and the behavior is the same. I have to find another way to customize radio buttons (I saw the CSS way but didn't understand the code: http://css-tricks.com/snippets/css/custom-radio-buttons/).
I have this code to apply styles to my radio buttons and works well except for the fact that the v value is the same to all my radio buttons so they all have the same background image. What am I doing wrong?
Have you successfully given different background images before?
EDIT: You're right, that's it. I tried to apply a different background for 2 different radio buttons and the behavior is the same. I have to find another way to customize radio buttons (I saw the CSS way but didn't understand the code: http://css-tricks.com/snippets/css/custom-radio-buttons/).
Thank you!