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