Grow your CSS skills. Land your dream job.

jQuery each() function problem

  • # December 29, 2011 at 11:04 am

    $('.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?

    # December 29, 2011 at 2:33 pm

    I think this may be due to the way the plugin works. I don’t see anything wrong with the above javascript.

    Have you successfully given different background images before?

    # December 29, 2011 at 5:27 pm

    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/).

    Thank you!

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".