jQuery radio onchange alternar clase de elemento padre?
Por favor, eche un vistazo a lo siguiente:
$('#myRadio').change(function() {
if($(this).is(':checked')) {
$(this).parent().addClass('green');
} else {
$(this).parent().removeClass('green');
}
});
Markup se ve un poco como siguiendo a
<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>
Cuando cambio de radio, el código de JavaScript anterior aplica 'verde' a la etiqueta TD, lo cual está bien. Pero si cambio la selección a otra, agrega el verde a otro pero no elimina el verde de la radio seleccionada previamente.
¿Cómo hago que funcione para que al seleccionar una opción de radio cambie la clase de TD principal a verde y al seleccionar otra se restablecerá todo, pero se agregará verde solo a la recién seleccionad
¿También se puede cambiar la clase de su primer TD anterior que contiene "algún texto 3", etc.?
Gracias