En firefox y Chrome va perfectamente, cuando seleccionas el radio otro me activa el campo cuando lo deselecciono me lo oculta sin problemas...pero en IE no hay manera y no sé que ocurre...
Siento haber mezclado jquery con sentencias de javascript normal no se si es mala costumbre, gracias.
Código HTML:
Ver originalMiembro del equipo directivo:
<input type="radio" name="pi1" value="miembro" id="miembro" onClick="toggle_campo(this)" />
Educador/a:
<input type="radio" name="pi1" value="educador" id="educador" onClick="toggle_campo(this)" />
Otros:
<input type="radio" name="prueba" value="Otro" id="Otro" onClick="toggle_campo(this)" />
<!--Este div no se puede meter dentro de un td ya que sino se activa por defecto aunque no se muestre-->
<div id="control" style="display:none;position:relative; top:20px; left:420px;"> <em>Escriba otra opci
ón
</em> <input name="pi1" type="text" id="pi1" />
Código Javascript
:
Ver original<script>
<!--
function toggle_campo(elemento) {
if(elemento.value=="Otro") {
//Mostramos el Div
$("#control").show();
// Desactivamos el resto de radio si se selecciona el boton otros
for (var i=0; i < document.all["pi1"].length; i++)
document.all["pi1"].item(i).checked = false;
} else {
$("#Otro").attr('checked', false);
//ocultamos el div
$("#control").hide();
}
}
-->
</script>