11/04/2015, 13:53
|
| | Fecha de Ingreso: abril-2015
Mensajes: 3
Antigüedad: 9 años, 7 meses Puntos: 0 | |
Multiplicar por un checkbox este es mi codigo no puedo multiplicar el area por el valor del vidrio y que continue sumando
gracias
<script>
function Suma(formulario){
total=0;
nombre="";
for(i=0;i<formulario.elements.length;i++){
if(formulario.elements[i].type=="radio" && nombre!=formulario.elements[i].name){
nombre=formulario.elements[i].name;
grupo=document.getElementsByName(nombre);
for(j=0;j<grupo.length;j++){
if(grupo[j].checked){
total+=parseInt(grupo[j].value);
}
}
}else if (formulario.elements[i].type=="checkbox"){
if(formulario.elements[i].checked){
total+=parseInt(formulario.elements[i].value);
}
}
}
document.form1.total.value = total;
}
</script>
<script>
function calcularMultiplicacion(ancho, alto, area,)
{
var casilla1=document.getElementById( ancho );
var ancho = casilla1.value;
var casilla2=document.getElementById( alto );
var alto = casilla2.value;
var resultado=document.getElementById( area );
resultado.innerHTML = "Area: " +(parseInt(ancho)*parseInt(alto));
resultado.style.color = "blue";
}
</script>
<table BORDER=7 align="center">
<tr>
<th colspan="6"> <div align="center">FORMULARIO DE PEDIDO </div></th>
</tr>
<tr>
<th>contacto</th>
<th> <input type="text" name="contacto" id="contacto" /></th>
<th>tel fijo</th>
<th><input type="text" name="tel fijo" id="tel fijo" /></th>
<th>tel movil</th>
<th><input type="text" name="tel movil" id="tel movil" /></th>
</tr>
<tr>
<td>direccion</td>
<td><input type="text" name="direccion" id="direccion" /></td>
<td>ciudad</td>
<td> <input type="text" name="ciudad" id="ciudad" /></td>
<td>barrio</td>
<td> <input type="text" name="barrio" id="barrio" /></td>
</tr>
<tr>
<td>email</td>
<td><input type="text" name="email" id="email" /></td>
<td>forma de pago</td>
<td> <input type="text" name="forma de pago" id="forma de pago" /></td>
</tr>
<tr>
<form>
<TD>ancho</TD> <td><input type="text" name="ancho" id="ancho" /></td>
<TD>alto</TD><td><input type="text" name="alto" id="alto" /></td>
<td><p id="area">Area: </p></td>
<td><button type="button"
onclick="calcularMultiplicacion('ancho', 'alto', 'area')">
Calcular area</button></td>
</form>
</tr>
<tr>
<form method="post" name="form1">
<td colspan="3">
<p>Selecione su tipo de vidrio</p>
<p> Vidrio incoloro 5 mm <input name="grupo_radio" id="radio_1" onclick="Suma(this.form)" type="radio" value="100" /></p>
<p> Vidrio incoloro 6 mm<input name="grupo_radio" id="radio_2" onclick="Suma(this.form)" type="radio" value="50" /></p>
<p> Vidrio incoloro 8 mm <input name="grupo_radio" id="radio_3" onclick="Suma(this.form)" type="radio" value="100" /></p>
<p> Vidrio incoloro 10 mm<input name="grupo_radio" id="radio_4" onclick="Suma(this.form)" type="radio" value="50" /></p>
</td>
<td colspan="3">
<p>Seleccione los accesorios</p>
<p> Batiente I<input name="grupo_radio2" id="radio_3" onclick="Suma(this.form)" type="radio" value="300" /></p>
<p> Batiente II<input name="grupo_radio2" id="radio_4" onclick="Suma(this.form)" type="radio" value="25" /></p>
<p> Corredera I<input name="grupo_radio2" id="radio_5" onclick="Suma(this.form)" type="radio" value="300" /></p>
<p> Corredera II<input name="grupo_radio2" id="radio_6" onclick="Suma(this.form)" type="radio" value="25" /></p>
<p> Corredera III<input name="grupo_radio2" id="radio_7" onclick="Suma(this.form)" type="radio" value="300" /></p>
<p> Corredera IV<input name="grupo_radio2" id="radio_8" onclick="Suma(this.form)" type="radio" value="25" /></p>
<p> Corredera V<input name="grupo_radio2" id="radio_9" onclick="Suma(this.form)" type="radio" value="25" /></p>
</td>
<tr>
<td colspan="3">
<p>Require Instalacion</p>
<p> Instalacion<input name="grupo_radio3" id="radio_10" onclick="Suma(this.form)" type="radio" value="300" /></p>
</td>
<td colspan="3">
<p>Require Transporte</p>
<p> Transporte<input name="grupo_radio4" id="radio_11" onclick="Suma(this.form)" type="radio" value="300" /></p>
</td>
</tr>
<tr>
<th colspan="6" >
<p>
</p>
<p>
Total<input name="total" type="text" value="0" /></p>
</th></tr>
</form>
</tr> |