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>