Radio Buttons activar o desactivar

[joancm]

Buenos días,
Estoy realizando un formulario donde aparecen una serie de radio buttons, en dos de ellos cuando se seleccionan tiene debe de aparecer un div oculto el cual tiene un input tipo text, cuando selecionen o atro radio button tendria que volver a ocultarse, este div y cuando pulse sobre el otro radio button que tiene otro div oculta tendria que hacer lo mismo, yo lo he probado de esta forma y me aparece el div oculto, pero cuando selecciono otro radio el div no se vuelve a ocultar.

El codigo que utilizo es el siguiente:

function mostesc10()
{
if (document.qgeriatria.b3.value == "Traslado")
{
document.getElementById('amagat1').style.display = 'block';
}
else
{
document.getElementById('amagat1').style.display = 'none';
}
}

[David]

¿Dónde llamas a la función? Deberías usar el evento onchange de los radiobuttons implicados para mostrar/ocultar el elemento.

[joancm]

Buenos dias,
La funcion la llamo en la siguiente linia:

<input type = "radio" name = "da" id = "b3" value = "Traslado" tabindex = "" onclick = "return mostesc10();"/>

He probado con el onchange y no funciona.

Gracias.

[David]

Por un lado, ten en cuenta que id y name no son lo mismo. Para obtener un elemento por su id siempre debes usar document.getElementById()

Además, el value de un radio siempre será el mismo, lo que debes comprobar es la propiedad checked para determinar si está marcado o no.

[AlvaroG]

Concuerdo con David, ten en cuenta también que onclick se lanza siempre que hay un clic en el botón, aunque no se cambie el estado (si ya está marcado, un clic encima no lo desmarca), por eso es mejor usar onchange.

[joancm]

Hola a todos,
Ya lo tengo solucionado, lo he hecho de la siguiente forma:

function mostesc10()
{
if (document.qgeriatria.b3.value == "Traslado")
{
document.getElementById('amagat1').style.display = 'block';
document.getElementById('amagat').style.display = 'none';
}
}