<html>
<body>
<form name="proyecto">
<input type="radio" name="rd1" id="rd1" value="1" onClick="cambiar(1)">Hombre
<br>
<input type="radio" name="rd1" id="rd1" value="3" onClick="cambiar(2)">Mujer
<br><br>
<div id="r_1"></div>
<CENTER><input type="reset" onClick="desmarcar(proyecto)" value="Reiniciar"></CENTER>
</form>
</body>
<script language="javascript">
var respuesta;
var tmp_1 = 0;
function desmarcar(documentito)
{
r_1.innerHTML = " ";
tmp_1 = 0;
}
function cambiar(respuesta)
{
tmp_1=respuesta;
if(tmp_1==1)
{r_1.innerHTML="Genero: hombre";}
else
{r_1.innerHTML="Genero: Mujer";}
}
</script>
</html>
Para explicar un poco observemos que ocupamos el evento onClick y ya no el onChange, otra cosa muy importante es que ahora ocupamos la etiqueta form, la cual nos sirve para borrar los radiobuttons.
<form name="proyecto">
De ahí programamos casi igual a excepción de que los radiobuttons deben llamarse iguales para que trabajen en un mismo grupo ojala les sirva.
