Tema: Calcular valor medio de cinco textbox
Ver Mensaje Individual
  #4 (permalink)  
Antiguo 09/07/2013, 03:29
ccliment
 
Fecha de Ingreso: julio-2013
Mensajes: 87
Antigüedad: 10 años, 10 meses
Puntos: 9
Respuesta: Calcular valor medio de cinco textbox
Lo que tienes que hacer es en el onkeyup de cualquier input llamar a una función que revise los 5 inputs y así puedes obtener la media. Lo puedes hacer en otros eventos como onblur, pero eso ya depende de lo que quieras. Con lo que te pego a continuación he descartado los inputs que estén vacíos o que no sean valores enteros.

Código HTML: 
Ver original
  1. <script>
  2.     function calcularMedia(){
  3.         var suma = 0, num = 0;
  4.         var valor = document.getElementById('T3-m1-9999').value;
  5.         if (parseInt(valor, 10)){
  6.             suma+= parseInt(valor,10);
  7.             num++;
  8.         }
  9.         valor = document.getElementById('T3-m2-9999').value;
  10.         if (parseInt(valor, 10)){
  11.             suma+= parseInt(valor,10);
  12.             num++;
  13.         }
  14.         valor = document.getElementById('T3-m3-9999').value;
  15.         if (parseInt(valor, 10)){
  16.             suma+= parseInt(valor,10);
  17.             num++;
  18.         }
  19.         valor = document.getElementById('T3-m4-9999').value;
  20.         if (parseInt(valor, 10)){
  21.             suma+= parseInt(valor,10);
  22.             num++;
  23.         }
  24.         valor = document.getElementById('T3-m5-9999').value;
  25.         if (parseInt(valor, 10)){
  26.             suma+= parseInt(valor,10);
  27.             num++;
  28.         }
  29.  
  30.         // Calculamos la media
  31.         var media = suma/num;
  32.         document.getElementById('T3-media-202').value = media;
  33.     }
  34. </script>
  35. <table width="947" border="0">
  36.     <tr>
  37.       <th width="171" bgcolor="#C78A0D" scope="col"><span class="Estilo1">Mediciones (mm) </span></th>
  38.       <th width="187" bgcolor="#C78A0D" scope="col"><span class="Estilo1">Medida 1 </span></th>
  39.       <th width="197" bgcolor="#C78A0D" scope="col"><span class="Estilo1">Medida 2 </span></th>
  40.       <th width="187" bgcolor="#C78A0D" scope="col"><span class="Estilo1">Medida 3 </span></th>
  41.       <th width="84" bgcolor="#C78A0D" scope="col"><span class="Estilo1">Medida 4 </span></th>
  42.       <th width="85" bgcolor="#C78A0D" scope="col"><span class="Estilo1">Medida 5 </span></th>
  43.     </tr>
  44.     <tr>
  45.       <td><strong>Fuerza (N)</strong></td>
  46.       <td align="center" valign="middle"><input name="T3-m1-9999" type="text" class="meta" id="T3-m1-9999" onkeyup="calcularMedia();"/></td>
  47.       <td align="center" valign="middle"><input name="T3-m2-9999" type="text" class="meta" id="T3-m2-9999" onkeyup="calcularMedia();"/></td>
  48.       <td align="center" valign="middle"><input name="T3-m3-9999" type="text" class="meta" id="T3-m3-9999" onkeyup="calcularMedia();"/></td>
  49.       <td align="center" valign="middle"><input name="T3-m4-9999" type="text" class="meta" id="T3-m4-9999" onkeyup="calcularMedia();"/></td>
  50.       <td align="center" valign="middle"><input name="T3-m5-9999" type="text" class="meta" id="T3-m5-9999" onkeyup="calcularMedia();"/></td>
  51.     </tr>
  52.   </table>
  53.   <p><br />
  54.     Valor medio F =
  55.       <input name="T3-media-202" type="text" class="meta" id="T3-media-202" readonly="yes" />
  56.       N </p>