06/02/2011, 01:48
|
| | Fecha de Ingreso: febrero-2011
Mensajes: 7
Antigüedad: 13 años, 9 meses Puntos: 0 | |
Problema con suma automatica con Javascript Hola muchachos. Bueno tengo un gran problema al momento de utilizar Javascript. He navegado incansablemente por la web tratando de dar solución a mi problema. El ejercicio se trata de hacer unas simples sumas que se efectué su resultado automáticamente, pero claro no es tan fácil cuando utilizo arreglos para que aumenten la cantidad de Caja de textos para que salga su total de cada uno. Bueno Aquí dejo el ejercicio para su mejor entendimiento. De antemano agradesco su ayuda.
<html>
<link type="text/css" rel="stylesheet" href="estilos/estilorecuadro.css" />
<script type="text/javascript" language="javascript">
function sumar(){
var i,total=0;
var elements;
elements=document.getElementsByName('numero');
for(i=0;i<elements.length;i++){
total += parseFloat(elements[i].value);
}
document.getElementById("resultados").value=total;
}
</script>
</head>
<%!
String opcion;
int cantidad,contador=0;
%>
<body>
<div id="" align="center">
<form id="frmCantidad" action="suma04.jsp" method="post">
Cantidad de Repeticiones: <input type="text" name="Cantidad"/><br/>
Duplicar: SI<input type="radio" name="rbopcion" value="si" onclick="submit()" /> 
NO<input type="radio" name="rbopcion" value="no" onclick="submit()" />
</form><br /><br /><br />
</div>
<%
try{
opcion=request.getParameter("rbopcion");
cantidad=Integer.parseInt(request.getParameter("Ca ntidad"));
}catch(Exception e){
opcion=null;
cantidad=0;
}
if(opcion == null || opcion.contentEquals("no") || cantidad==0){
%>
<div id="tabla1" align="center">
<div id="cabtab1">Operacion de Suma</div>
<div id="cuerpotab1">
Numero1:<input type="text" name="numero" onkeyup="sumar()" /> 
Numero2:<input type="text" name="numero" onkeyup="sumar()"/> 
Total:<input type="text" id="resultados" value="0" />  
</div>
</div><br /><br /><br /><br />
<%
}else if(opcion.contentEquals("si")){
for(int i=1;i <= cantidad;i++ ){
%>
<div id="tabla1" align="center">
<div id="cabtab1">Operacion de Suma</div>
<div id="cuerpotab1">
Numero<%=i%>:<input type="text" name="numero" onkeyup="sumar()"/> 
Numero<%=i+1%>:<input type="text" name="numero" onkeyup="sumar()" /> 
Total:<input type="text" id="resultados" />
</div>
</div><br /><br /><br /><br />
<%
}
}
%>
</body>
</html> |