checkbox que sumen precio

chikitika · #1 (**permalink**) 10/01/2007, 10:34

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>

caricatos · #2 (**permalink**) 10/01/2007, 10:52

Hola:

A los checkboxes puedes ponerles un campo value... por ejemplo con el precio... y al hacer el sumatorio, en vez de añadir 30, añadir el value del checkbox...

<td><input type="checkbox" name="ch_1_1" value="30" /></td>
<td><input type="checkbox" name="ch_1_2" value="25" /></td>
<td><input type="checkbox" name="ch_1_3" value="15" /></td>
<td><input type="checkbox" name="ch_1_4" value="35" /></td>
...

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+=parseInt(elem.value);
}
document.getElementsByName("caja_"+fila)[0].value=precioTotal;
}

Si mal no recuerdo explorer no procesana bien los atributos name con document.getElementByName()... de todos modos, dinos si te vale.

Saludos

chikitika · #3 (**permalink**) 12/01/2007, 02:09

Muchas gracias, de momento me va bien, no me dado ningún problema en el explorer. Espero que siga así.
Una pregunta como puedo sumar varios input?
Tengo esto;
<input type="text" name="subP1" size="6" readonly>
<input type="text" name="subP2" size="6" readonly>
<input type="text" name="subP3" size="6" readonly>

<input type="button" value="Calcular" onclick="calculaPrecio1()"/>

<input type="text" name="Total" size="6" readonly>

Y al pulsar el botón en total me aperezca la suma de los input, con comas y todo.

Gracias otra vez

JavierB · #4 (**permalink**) 12/01/2007, 04:09

Hola chikitika

Prueba poniendo así el botón:

<input type="button" value="Calcular" onclick="calculaPrecio1(this.form)"/>

y utilizando este código:

Código:

function calculaPrecio1(frm) {
  tot = parseFloat(frm.subP1.value) + parseFloat(frm.subP2.value) + parseFloat(frm.subP3.value);
  frm.Total.value = tot;
}

Saludos,

chikitika · #5 (**permalink**) 12/01/2007, 04:26

Me da error me dice que el objeto no acepta la propiedad o método. ?¿?¿

JavierB · #6 (**permalink**) 12/01/2007, 04:43

Hola de nuevo.

Aquí tienes un ejemplo completo, para que pruebes:

Código PHP:

  <html>
<head>
</head>
<script type="text/javascript">
function calculaPrecio1(frm) {
  tot = parseFloat(frm.subP1.value) + parseFloat(frm.subP2.value) + parseFloat(frm.subP3.value);
  frm.Total.value = tot;
}
</script>
<body>
<form>
<input type="text" name="subP1" value="5.5" size="6" readonly>
<input type="text" name="subP2" value="6.5" size="6" readonly>
<input type="text" name="subP3" value="7.3" size="6" readonly>
<input type="button" value="Calcular" onclick="calculaPrecio1(this.form)"/>
<input type="text" name="Total" size="6" readonly>
</form>
</body>
</html>

Saludos,

chikitika · #7 (**permalink**) 12/01/2007, 04:55

Gracias de nuevo, pero no me funciona, loque me has mandado si. Pero lo pruebo en el mio y nada. Puede que sea porque tu ejemplo pones el value, pero el que tengo yo lo pone una función, no tengo value.

Que lio

derkenuke · #8 (**permalink**) 12/01/2007, 05:54

Mmmm, ¿este hilo no debería ser seguido de este, chikitika? No creo que sean temas diferentes.

chikitika · #9 (**permalink**) 12/01/2007, 06:01

he hecho pruebas y me va lo de parseFloat pero si tengo un entero como 100 no lo coge. Hay alguna función que coja tanto entero como decimal.?¿?

chikitika · #10 (**permalink**) 12/01/2007, 06:10

Ya lo he conseguido. Gracias. tenia errores y por eso me daba falló.

Derkenuke, lo he puesto en otro sitio porque creia que sería temas diferentes, yo no controlo mucho. Para la próxima ya lo se.

Graciassssss