Tema: Problema para correr un jquery o JS
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 14/03/2016, 16:12
erickmpos
 
Fecha de Ingreso: enero-2016
Ubicación: Heredia
Mensajes: 35
Antigüedad: 8 años, 10 meses
Puntos: 0
Pregunta Problema para correr un jquery o JS
buenas compañeros,

Tengo el siguiente codigo que me pasaron para hacer lo mismo, sin embargo, cuando trarto de ejecutarlo no me lo permite, no se cual sera el error, pero cuando le doy al impuesto de venta que es por medio de un ¨select¨, no me actualiza los otros campos, les muestro el ejemplo : https://jsfiddle.net/xfxstudios/a6ktk4nu/

Este es mi codigo:
Código HTML: 
Ver original
  1. <!DOCTYPE html>
  2.  
  3. <html>
  4.     <head>
  5.         <title>TODO supply a title</title>
  6.         
  7.         <meta charset="UTF-8">
  8.         <meta name="viewport" content="width=device-width, initial-scale=1.0">
  9.     </head>
  10.     <body>
  11. <!--AQUI LLAMAMOS LA LIBRERIA JQUERY-->
  12. <script src="https://code.jquery.com/jquery-1.11.0.min.js"></script>
  13.         <script type="text/javascript" src="pruebaerick.js"></script>
  14.         <p>En esta Formula de Prueba podemos ver que luego de colocar el precio de venta y el costo al seleccionar el impuesto este nos calcula automaticamente la utilidad</p>
  15.         <input type="text" name="articulo" placeholder="Articulo" />
  16.  
  17.         <input type="text" name="pVenta" placeholder="Precio de Venta"/>
  18.         <input type="text" name="costo" placeholder="Costo"/>
  19.         <select id="imp">
  20.           <option value="Seleccione Impuesto">Seleccione Impuesto</option>
  21.           <option value="26">Gravado 26%</option>
  22.           <option value="0">Excento 0%</option>
  23.         </select>
  24.         <br><hr>
  25.         <label for="">Impuesto de Venta</label>
  26.         <input type="text" name="impVenta" placeholder="Impuesto de Venta" value="Seleccione Impuesto" readonly/><br><br>
  27.         <label for="">Utilidad</label>
  28.         <input type="text" name="utilidad" placeholder="Utilidad Colones"/>
  29.     </body>
  30. </html>

Este es mi codigo JS:

Código Javascript: 
Ver original
  1. /*Verificamos el valor del impuesto seleccionado y llamamos a la funcion que realiza el calculo*/
  2. $("select[id=imp]").on("change", function(){
  3.     
  4.   $("input[name=impVenta]").val($(this).val());
  5.   
  6.   calcula();
  7.   
  8. })
  9. /*Calcula la utilidad basado en el impuesto seleccionado*/
  10. function calcula(){
  11.  
  12.     if($("input[name=impVenta]").val()== "Seleccione Impuesto"){
  13.  
  14.             $("input[name=utilidad]").val(0);
  15.  
  16.     }else{
  17.  
  18.         var pVenta = parseInt($("input[name=costo]").val());
  19.         var cargo = parseInt(($("input[name=costo]").val() * 
  20.  
  21.         $("input[name=impVenta]").val())/100);
  22.   
  23.         $("input[name=utilidad]").val(pVenta+cargo);
  24.  
  25.     }
  26.  
  27. }
  28.  
  29. /*Verifica en tiempo real si hay algun cambio en el campo costo para recalcular la utilidad de este nuevo monto*/
  30. $("input[name=costo]").on("change", function(){
  31.  
  32.     calcula();
  33.  
  34. });

Les agradeceria toda ayuda.