Una posible solucion (Los valores los cambias tu por lo que creas necesario,es solo un ejemplo)
Código:
<html>
<head>
<script language="Javascript">
function cambio(){
if(document.form1.divisa[0].checked){
form1.total.value=form1.cantidad.value*3
}
if(document.form1.divisa[1].checked){
form1.total.value=form1.cantidad.value*10
}
}
</script>
</head>
<body>
<form name="form1">
<input type="text" name="cantidad" onChange="cambio()">
<input type="text" name="total">
<input type="radio" name="divisa" value="10">
Dolar/euro</label>
<br>
<label>
<input type="radio" name="divisa" value="16">
Euro/dolar</label>
</form>
El problema que tiene (supongo que sera lo mismo que te pasa a ti) es que no cambia en el acto,sino que tiene que perder el foco (es decir,pulsar fuera de la casilla) para cambiarlo.juraria que tengo algo parecido,pero no lo acabo de encontrar
Lo de ocultar ya es mas complicado.lo unico que me ocurre es meter cada serie de opciones en una capa ( entre <div> y </div>) y decirle por javascript si quieres verla o no (nombrecapa.style.visibility)
Saludos