Sumar valor a medida que se clickean checkbox

dedodream · #1 (**permalink**) 14/01/2010, 14:11

Colegas, necesito desarrollar un codigo que cumpla con el siguiente funcionamiento:

A medida que voy tildando los checkbox me vaya sumando un valor a la variable $precio_total.

Asi está armado mi html

Código HTML:

<ul>
	<?php
    $sql="SELECT * FROM excursiones";
    $result=mysql_query($sql);
    while($row=mysql_fetch_array($result)){
    ?>
    <li><?php echo $row['excursion'];?> <input type="checkbox" name="<?php echo 'exc'.$row['id_exc'];?>" /></li>
    <?php }?>
</ul>
Precio: <input type="text" name="precio" value="<?php echo $precio_total;?>" />

<!--QUEDARIA ASI-->

<ul>
    <li>Cabalgata <input type="checkbox" name="exc1" /></li>
    <li>Paseo en bote <input type="checkbox" name="exc2" /></li>
    <li>Ski <input type="checkbox" name="exc3" /></li>
</ul>
Precio: <input type="text" name="precio" value="<?php echo $precio_total;?>" />

Así como se trae el id y el nombre de la excursion tambien se trae el precio, tendría que ver donde meterlo para sumar.

El resultado final tendria q ser algo como esto:

Suponiendo que cada checkbox vale 40 dolares, cuando hice click en el primero, el precio total era de 40, cuando hice click en el 2do el precio total era de 80 y finalmente con los 3 tildados el precio total es de 120.

Se entiende??

Espero me puedan ayudar.

Gracias de antemano!

Saludosss!

quimfv · #2 (**permalink**) 15/01/2010, 02:41

Quito el php,
Trabajo con enteros (100,50 --> 10050) para eliminar los problemas de redondeos...

Recuerda formatear precio antes de guardarlo en la bbdd.... 100,50 ---> 100.50

Quim

Código HTML:

Ver original<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Documento sin t&iacute;tulo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
function suma(obj){
  total=parseInt(document.getElementById("precio").value.replace(",",""));
    if(obj.checked){
        total+=parseInt(obj.value);
    }else{
        total-=parseInt(obj.value);
    }
    txttotal=total+"";
    if (txttotal=="0") txttotal="000";
    document.getElementById("precio").value=txttotal.substring(0,txttotal.length-2)+","+txttotal.substring(txttotal.length-2);
}
</script>
</head>
<body>
<table width="50%" border="1" cellspacing="0" cellpadding="0">
  <tr>
    <td>Cabalgata&nbsp;</td>
    <td>&nbsp;10,50€&nbsp;</td>
    <td><input type="checkbox" name="exc1" id="exc1" value="1050" onChange="suma(this)"/></td>
  </tr>
  <tr>
    <td>Paseo en bote&nbsp;</td>
    <td>&nbsp;20,00€&nbsp;</td>
    <td><input type="checkbox" name="exc2" id="exc2" value="2000" onChange="suma(this)"/></td>
  </tr>
  <tr>
    <td>Ski&nbsp;</td>
    <td>&nbsp;30,30€&nbsp;</td>
    <td><input type="checkbox" name="exc3" id="exc3" value="3030" onChange="suma(this)"/></td>
  </tr>
  <tr>
    <td>TOTAL:&nbsp;</td>
    <td>&nbsp;&nbsp;</td>
    <td><input type="text" name="precio" id="precio" value="0,00" /></td>
  </tr>
</table>
</body>
</html>

dedodream · #3 (**permalink**) 15/01/2010, 08:14

Muchas gracias por tu respuesta!

Lo voy a probar

Saludos!