Ver Mensaje Individual
  #2 (permalink)  
Antiguo 04/10/2013, 05:53
quimfv
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Sabadell
Mensajes: 4.897
Antigüedad: 16 años, 8 meses
Puntos: 574
Respuesta: sumar input tiempo real

Un ejemplo

Código HTML:
Ver original
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2. <title>Documento sin t&iacute;tulo</title>
  3. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  4. <script language="JavaScript" type="text/JavaScript">
  5. function suma(){
  6.     var total=0;
  7.     for (var i=0;i<5;i++){
  8.        total+=parseFloat(document.getElementById("input"+i).value);
  9.     }
  10.     document.getElementById('divBase').innerHTML=total;
  11.     document.getElementById('divIVA').innerHTML=total*parseFloat(document.getElementById("tpiva").value)/100;
  12.     document.getElementById('divTotal').innerHTML=total*(1+parseFloat(document.getElementById("tpiva").value)/100);
  13. }
  14. </head>
  15. <input name="input0" id="input0" type="text" value="0" onBlur="suma()"><br>
  16. <input name="input1" id="input1" type="text" value="0" onBlur="suma()"><br>
  17. <input name="input2" id="input2" type="text" value="0" onBlur="suma()"><br>
  18. <input name="input3" id="input3" type="text" value="0" onBlur="suma()"><br>
  19. <input name="input4" id="input4" type="text" value="0" onBlur="suma()"><br>
  20. Base&nbsp;<span id="divBase">0</span><br>
  21. TpIVA&nbsp;<input name="tpiva" id="tpiva" type="text" value="21" onBlur="suma()"><br>
  22. IVA&nbsp;<span id="divIVA">0</span><br>
  23. Total&nbsp;<span id="divTotal">0</span>
  24. </body>
  25. </html>
__________________
Quim
--------------------------------------------------
Ayudar a ayudar es una buena práctica!!! Y da buenos resultados.