Ver Mensaje Individual
  #1 (permalink)  
Antiguo 29/01/2018, 16:33
Avatar de aviweb2015
aviweb2015
 
Fecha de Ingreso: abril-2016
Ubicación: venezuela
Mensajes: 215
Antigüedad: 8 años
Puntos: 1
calcular porcentaje no me carga (NaN)

saludos amigos estoy tratando de calcular el porcentaje pero no logro que me muestre el resultado del mismo en el campo total

anexo código para una mejor compresión

https://jsfiddle.net/yoclens/poqwcgc1/3/



formulario.

Código HTML:
Ver original
  1. <div id="ejemplar1">
  2.  
  3. <div class="input-field col s12 m3">
  4. <input id="ejemplar" type="text" name="ejemplar[]" autocomplete='off' title='no pueden haber campos vacios, solo se permiten letras.' pattern='[a-zA-ZñÑáéíóúÁÉÍÓÚ\s]+' required/>
  5. <label for="ejemplar">Ejemplar:</label>
  6. </div>
  7.  
  8. <div class="input-field col s12 m2">
  9. <input id="peso" type="text" name="peso[]" autocomplete="off" title='no pueden haber campos vacios, solo se permiten numeros.' pattern='[0-9]{2,2}'  required/>
  10. <label for="peso">Peso:</label>
  11. </div>
  12.  
  13. <div class="input-field col s12 m2">
  14. <input id="dividendo" type="text" name="dividendo[]" autocomplete="off" title='no pueden haber campos vacios, solo se permiten numeros.' onChange="total('ejemplar1')" required/>
  15. <label for="dividendo">Dividendo:</label>
  16. </div>
  17.  
  18.  
  19.  
  20. <div class="input-field col s12 m2">
  21. <input id="icon_prefix" type="text" class="black-text" name="porcentaje[]" autocomplete="off" title='no pueden haber campos vacios, solo se permiten numeros.' onblur="total(this.form)"  required/>
  22. <label for="porcentaje">porcentaje:</label>
  23. </div>
  24.  
  25.  
  26.  
  27. <div class="input-field col s12 m3">
  28. <input id="total" type="text" name="total[]" />
  29. <label for="total">Total:</label>
  30. </div>
  31.  
  32. </div>


función para calcular

Código Javascript:
Ver original
  1. function total(iddiv){
  2.     var resultado;
  3.     var x=0;
  4.     var y=0;
  5.     //obtengo el elemento input
  6.     var divv = document.getElementById(iddiv);
  7.  
  8.     var inputv = divv.getElementsByTagName("input");   
  9.    
  10.     x = parseInt (inputv[2].value); // campo dividendo
  11.     y = parseInt (inputv[3].value); //campo porcentaje
  12.  
  13.     resultado = x * y;
  14.  
  15.     inputv[4].value=resultado;  //se muestra valor en total
  16. }

gracias de ante mano
__________________
yoclens avilan