problema con formulario tipo radio en javascript

davidmiichu · #1 (**permalink**) 13/08/2011, 11:29

Hola amigos tengo un problema con el formulario typo radio, y lo he hecho con script Javascript, es una simple suma d dos numeros en donde los radios cumple la funcion d
resta
suma
multiplicacion
con un boton de Mostrar el resultado. Pero al oprimir el boton solo da resultado de la ultima parte del codigo de javascript, osea la multilplicacion en este caso, si oprimis el radio d suma o resta, no aparece el resultado. cual es el problema? aqui el codigo que he hecho :

Código Javascript:

Ver original<html>
<head>
</head>
<body>
<form name="letra">
Escribe el primer numero.
<input type="text" name="a" id="a">
<br>
Escribie el segundo numero
<input type="text" name="b" id="b">
<br>
<input type="button" onClick="mostrar()" value="Mostrar">
<input type="radio" name="ola"> Oprimame
<input type="radio" name="ola"> resta
<input type="radio" name="ola">Multi
<br>
Tu resultado es
<input type="text" name="estudios" id="estudios">
</form>
</body>
</html>
<script> 
function mostrar() {
if (document.letra.ola[0].checked)
var resultad = parseInt(a.value)+ parseInt(b.value)
 document.letra.estudios.value = resultad;
 if (document.letra.ola[1].checked)
 var result = parseInt(a.value) - parseInt(b.value)
 document.letra.estudios.value = result;
  if (document.letra.ola[2].checked)
 var resulta = parseInt(a.value) * parseInt(b.value)
 document.letra.estudios.value = resulta;
}
</script>

laratik · #2 (**permalink**) 13/08/2011, 14:25

Hola davidmiichu, creo que tu problema radica en el manejo de llaves, deberías utilizarlas siempre, así no sea necesario cuando después de la instrucción de control solo hay una linea:

Código Javascript:

Ver originalfunction mostrar() {
    if (document.letra.ola[0].checked) {//no se utilizan llaves {}
    var resultad = parseInt(a.value)+ parseInt(b.value);
    document.letra.estudios.value = resultad;
    }
    if (document.letra.ola[1].checked){
        var result = parseInt(a.value) - parseInt(b.value);
        document.letra.estudios.value = result;
    }
    if (document.letra.ola[2].checked){
        var resulta = parseInt(a.value) * parseInt(b.value);
        document.letra.estudios.value = resulta;
    }
}

Veo que tambien estas manejando tres variables, pudiendo manejar una sola, te recomiendo que optimices lo más que puedas tus scripts:

Código Javascript:

Ver originalfunction mostrar() {
    var res
    if (document.letra.ola[0].checked) {
        res = parseInt(a.value)+ parseInt(b.value);
    }
    if (document.letra.ola[1].checked){
        res = parseInt(a.value) - parseInt(b.value);
    }
    if (document.letra.ola[2].checked){
        res = parseInt(a.value) * parseInt(b.value);
    }
    if(res) {
        document.letra.estudios.value = res;
    }
}

En este ultimo ejemplo si que puedes obviar las llaves, aunque no te lo recomiendo.

davidmiichu · #3 (**permalink**) 13/08/2011, 15:00

Hey parcero muchas gracias, al parecer todo es igual o similar q' programar con Java.. Thank u Broo!