radio button trocar imagem

[vivi@ne 0]

Boa tarde a todos,

 

Alguém já fez ou sabe como montar um script onde quando clica no radio substitui a imagem atual, só que dentro de um foreach? Ou mesmo que coloque uma borda ou estilo css, qualquer coisa que mostre que aquela opção foi clicada.

 

Já tentei usar js e jquery que achei no forum, mas nenhum funcionou. Nos dois casou, ou marca tudo ou nem marca nada.

 

Deem uma olhada no codigo que tenho:

 

<table class="option-image"><tr>
             <?php foreach ($option['option_value'] as $option_value) { ?>
             <td style="width: 1px;">
<div style="visibility:hidden">
<input type="radio" name="option[<?php echo $option['product_option_id']; ?>]" value="<?php echo $option_value['product_option_value_id']; ?>" id="option-value-<?php echo $option_value['product_option_value_id']; ?>" />
</div>
<label for="option-value-<?php echo $option_value['product_option_value_id']; ?>">
<img src="<?php echo $option_value['image']; ?>" alt="<?php echo $option_value['name'] . ($option_value['price'] ? ' ' . $option_value['price_prefix'] . $option_value['price'] : ''); ?>" width="25" height="25" id="<?php echo $option_value['product_option_value_id']; ?>" />
</label>
</td>        
<?php } ?>
</tr>
</table>

 

Qualquer ajuda é bem vinda...

[William Bruno 1501]

exemplo com checkbox, e jQuery:

http://wbruno.com.br/blog/2011/03/20/selecionar-todos-checkb-ao-clicar-em-um-selecionar-check-ao-clicar-em-linha/

 

 

note o uso do objeto this