Go Back   DaemonForums > Miscellaneous > Programming

Programming C, bash, Python, Perl, PHP, Java, you name it.

Thread Tools Display Modes
Prev Previous Post   Next Post Next
  #1   (View Single Post)  
Old 9th September 2009
c0mrade's Avatar
c0mrade c0mrade is offline
Port Guard
Join Date: May 2008
Posts: 41
Default confusing row selector

Hiya all, I'm really stuck .. here is my html :
<!-- Beginning of ROW !-->
<div id="row1">
<div class="entry">
<span>some text</span>
<input type="radio" name="row<?php echo $counter?>" id="radio" value="0" />


<div class="entry">
<input type="radio" name="row<?php echo $counter?>" id="radio2" value="75" />
<!-- End of ROW !-->
<!-- Beginning of ROW !-->
<div id="row2">
.... same as in row 1
<!-- End of ROW !-->
nth row ..
here is Jquery

$("input").click(function() {
                    $("input").parent("div").css("background", "url(images/div_bg.png)");
                    $(this).parent("div").css("background", "url(images/div_bg_hover.png)");

What I'm trying to do .. is when I select a radio input the div in which it is located should change background and it works perfectly if there is only one row, but for instance if I try to select the value in first row then I select value in second row.. the div in second row where radio input is located changes background as it should but the div in first row reverse itself to other background although input remained checked .. here is what I'm trying to achieve

And here is what I achieve :

Reply With Quote

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump

All times are GMT. The time now is 11:57 AM.

Powered by vBulletin® Version 3.8.4
Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.
Content copyright © 2007-2010, the authors
Daemon image copyright ©1988, Marshall Kirk McKusick