
10/01/2007, 10:34
|
| | Fecha de Ingreso: octubre-2006
Mensajes: 127
Antigüedad: 18 años, 4 meses Puntos: 0 | |
checkbox que sumen precio hola a todos, me podrias decir como puedo hacer, para que al marcar checkbox, te sumen un precio, tengo lo siguiente. Pero esto me suma porque todos tienen un precio de 30, pero como se podria hacer si cada uno tien un valor
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> Sumador de checkboxes </title>
<style>
td { width:100px; text-align:center; }
</style>
</head>
<body>
<table>
<tr>
<th>Uno</th>
<th>Dos</th>
<th>Tres</th>
<th>Cuatro</th>
<th>Cinco</th>
</tr>
<tr>
<td><input type="checkbox" name="ch_1_1" /></td>
<td><input type="checkbox" name="ch_1_2" /></td>
<td><input type="checkbox" name="ch_1_3" /></td>
<td><input type="checkbox" name="ch_1_4" /></td>
<td><input type="checkbox" name="ch_1_5" /></td>
<td><input type="button" value="Cuantos?" onclick="cuanto(1)"></td>
<td><input type="text" value="0" name="caja_1" /></td>
</tr>
<tr>
<td><input type="checkbox" name="ch_2_1" /></td>
<td><input type="checkbox" name="ch_2_2" /></td>
<td><input type="checkbox" name="ch_2_3" /></td>
<td><input type="checkbox" name="ch_2_4" /></td>
<td><input type="checkbox" name="ch_2_5" /></td>
<td><input type="button" value="Cuantos?" onclick="cuanto(2)"></td>
<td><input type="text" value="0" name="caja_2" /></td>
</tr>
<tr>
<td><input type="checkbox" name="ch_3_1" /></td>
<td><input type="checkbox" name="ch_3_2" /></td>
<td><input type="checkbox" name="ch_3_3" /></td>
<td><input type="checkbox" name="ch_3_4" /></td>
<td><input type="checkbox" name="ch_3_5" /></td>
<td><input type="button" value="Cuantos?" onclick="cuanto(3)"></td>
<td><input type="text" value="0" name="caja_3" /></td>
</tr>
</table>
<script>
var cuantosPorFila=5;
var precioPorUnidad=30;
function cuanto(fila) {
var precioTotal=0;
for(var i=1; i<=5; i++) {
var elem=document.getElementsByName("ch_"+fila+"_"+i)[0];
if(elem.checked) precioTotal+=precioPorUnidad;
}
document.getElementsByName("caja_"+fila)[0].value=precioTotal;
}
</script>
</body>
</html> |