jQuery radio onchange alterna a classe do elemento pai?
Dê uma olhada no seguinte:
$('#myRadio').change(function() {
if($(this).is(':checked')) {
$(this).parent().addClass('green');
} else {
$(this).parent().removeClass('green');
}
});
Markup parece um pouco como a seguir
<table>
<tr>
<td>Some text 1 </td>
<td><input type="radio" value="txt1" name="myRadio" id="text1" /></td>
<td>Some text 2 </td>
<td><input type="radio" value="txt2" name="myRadio" id="text2" /></td>
<td>Some text 3 </td>
<td><input type="radio" value="txt3" name="myRadio" id="text2" /></td>
</tr>
</table>
Quando troco de rádio, o código javascript acima aplica 'verde' à tag TD, o que é bom. Mas se eu mudar a seleção para outra, ela adiciona o verde a outro, mas não remove o verde do rádio selecionado anteriorment
Como faço para que funcione para que a seleção de uma opção de rádio mude a classe do TD pai para verde e a seleção de outra redefinirá tudo, mas adicionará verde apenas aos recém-selecionados!
Pode-se também alterar a classe do seu primeiro TD anterior, que contém "algum texto 3" et
Obrigado