Comunidad de diseño web y desarrollo en internet online

Ayuda con switch

Citar            
MensajeEscrito el 05 Abr 2010 05:56 pm
Hola a todos los saludo, soy nuevo en este foro y me gustaria ver si me pueden ayudar con un problema que tengo en javascript ya que quiero generar una pequeña aplicacion que me genere descuentos por medio de unos radiobuttons y switch y case mi codigo es el siguiente y pero no aparece nada al momento de ejecutar la pagina, les agradesco de antemano toda su ayuda.

<script>
function calculo()
{
var valor = R1.value;
var desc;
var cadena;
switch(valor)
{
case "1":
cadena = impor.value * .05;
break;
case "2":
cadena = impor.value * .05;
break;
}
desc.value = cadena
//alert(cadena);
}

<body>
<p>Descuento del 5%<input type="radio" name="R1" onClick=calculo(1);>
<br>
Descuento del 10%<input type="radio" name="R1" onClick=calculo(2);>
<br>
IMPORTE:<input type="text" name="impor" size="20" value = "200">
DESCUENTO:<input type="text" name="desc" size="20" >
</p>
<p><br>
</p>
</body>

Por inter514

0 de clabLevel



 

msie8
Citar            
MensajeEscrito el 05 Abr 2010 08:02 pm
te recomiendo escapar con alert todo lo necesites, recuerda que es gratis y no muerde ;)
primero necesitas obtener los elementos antes de obtener sus valores o editarlos

y te recomendaria que usaras this.value y value="" para los R1, esto para manteneros lo mas funcionales posibles sin depender de javascript

Código HTML :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<script language="javascript" type="text/javascript">

function calculo(valor)
{
   var desc = document.getElementById("desc");
   var impor = document.getElementById("impor");
   var cadena;
   switch(valor)
   {
      case 1:
         cadena = impor.value * .05;
         break;
      case 2:
         cadena = impor.value * .10;
         break;
      default:
         alert("Error "+valor+" no existe");
   }
   desc.value = cadena;
}
</script>
</head>

<body>

<p>Descuento del 5%<input type="radio" name="R1" onClick=calculo(1);>
<br>
Descuento del 10%<input type="radio" name="R1" onClick=calculo(2);>
<br>
IMPORTE:<input type="text" name="impor" id="impor" size="20" value = "200">
DESCUENTO:<input type="text" name="desc" id="desc" size="20" >
</p>

</body>
</html>

Por tribak

Claber

2448 de clabLevel

6 tutoriales

Genero:Masculino   Héroes

Fotógrafo o algo

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.