Código HTML:
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script language="javascript">
/* function multiplicar() {...} */
var rbtSeleccionado;
function Seleccion(rbt){/* Recibe como parametro al radio button */
rbtSeleccionado = rbt; /* Coloca al radio button seleccionado en la variable*/
/* Recorre todos los radiobuttons del form */
for (i=0;i<document.EdadMascota.radio.length;i++){
if(rbt.id != document.EdadMascota.radio[i].id){/* Cuando no sea el rbt seleccionaro*/
document.EdadMascota.radio[i].checked=false; /* Quita los checkeds de todos lo radio buttons */
}
}
// rbt.cheked=true; /* Chekea al radio button seleccionado */
var opcion = rbt.id;/* Asigna el id del radio button*/
switch(opcion) {
case 'rbtCachorro':/* Cuando seleccionas radio button Cachorro*/
/* Esconder selects*/
document.getElementById('Adulto').style.display='none';
document.getElementById('AdultoM').style.display='none';
/* Muestra div correspondiente a la seleccion*/
document.getElementById('Cachorro').style.display='inline-block';
break;
case 'rbtAdulto':/* Cuando seleccionas radio button Adulto*/
/* Esconder selects*/
document.getElementById('Cachorro').style.display='none';
document.getElementById('AdultoM').style.display='none';
/* Muestra div correspondiente a la seleccion*/
document.getElementById('Adulto').style.display='inline-block';
break;
case 'rbtAdultoMayor':/* Cuando seleccionas radio button Adulto Mayor*/
/* Esconder selects*/
document.getElementById('Adulto').style.display='none';
document.getElementById('Cachorro').style.display='none';
/* Muestra div correspondiente a la seleccion*/
document.getElementById('AdultoM').style.display='inline-block';
break;
}
}
function multiplicar(){
/* Recorre todos los radiobuttons del form */
var opcion = rbtSeleccionado.id;
var idSelect;
var estiloVida;
var kilogramos;
switch(opcion) {
case 'rbtCachorro':/* Cuando seleccionas radio button Cachorro*/
idSelect='selCachorro';
break;
case 'rbtAdulto':/* Cuando seleccionas radio button Adulto*/
idSelect='selAdulto';
break;
case 'rbtAdultoMayor':/* Cuando seleccionas radio button Adulto Mayor*/
idSelect='selAdultoMayor';
break;
}
/* Busca select definido por la selección de radiobuttons*/
for (i=0;i<document.getElementById(idSelect).options.length;i++){
if(document.getElementById(idSelect).options[i].selected){/* Option selccionado*/
estiloVida=document.getElementById(idSelect).options[i].value;/* sacar valor*/
}
}
/* Multiplicación */
kilogramos = document.getElementById('txtKg').value;
var resultado = kilogramos*estiloVida;/* Operación que necesitabas */
document.getElementById('txtResultado').value = resultado;
}
</script>
</head>
<body>
<b>Cálculo Edad de la Mascota</b>
<br>
<br>
<form name="operaciones">
<td>
· <b>Peso de la Mascota:</b> <input id="txtKg" type="text"/> Kilogramos ·
</td></form>
<br>
<b>· Etapa de Desarrollo ·</b>
<br>
<br>
<form action="EdadMascota>" method="post" name="EdadMascota">
<input type="radio" name="radio" value="Cachorro" id="rbtCachorro" onclick="Seleccion(this)"/> Cachorro |
<input type="radio" name="radio" value="Adulto" id="rbtAdulto" onclick="Seleccion(this)"/>Adulto |
<input type="radio" name="radio" value="Adulto Mayor" id="rbtAdultoMayor" onclick="Seleccion(this)"/>Adulto Mayor
<br>
<br>
<br>
<br>
<b>· Estilo de Vida ·</b>
<br>
<br>
<div id="Cachorro" style="display:inline-block;">Cachorro
<select name="selCachorro" id="selCachorro"/>
<option value="0.10">2 - 4 Meses
<option value="0.08">4 - 6 Meses
<option value="0.06">6 - 8 Meses
<option value="0.035">8 - 12 Meses
</select>·
</div>·
·
<div id="Adulto" style="display:inline-block;"> Adulto
<select name="selAdulto" id="selAdulto"/>
<option value="0.025" >Normal
<option value="0.03">Activo
<option value="0.02">Inactivo
<option value="0.04">De Trabajo
<option value="0.02">Con Sobrepeso
<option value="0.04">En Reproducción
</select>
</div>·
·
<div id="AdultoM" style="display:inline-block;">Adulto Mayor
<select name="selAdulto_Mayor" id="selAdultoMayor"/>
<option value="0.02">Normal
<option value="0.02">Activo
<option value="0.02">Inactivo
<option value="0.02">Sobrepeso
</select>·
</div>·
<br>
<br>
<input type="button" value="CALCULAR" onclick="multiplicar(); return false;" /><br />
<br>
<p>Resultado</p><input type="text" id="txtResultado">
</form><script type="text/javascript" src="Prueba.js"></script>
</body>
</html> Nota: Hola, esto fue lo que interpreté de tu necesidad espero que te siva.
Pdt: Si estás aprendiendo a programar intenta adoptar buenas prácticas de
programación. Saludos. Zero Ed!
