calcular total

[destor77]

Hola,
tengo el siguiente formulario

Código HTML:

<form action="#" method="post" id="total" onsubmit="submitAjax(this.id,'index.php?controlador=index&amp;accion=cerrarVenta','tabla',1);" class="form label-inline" enctype="multipart/form-data">
            <input type="hidden" value="<?php echo count($productos);?>" name="totalregistros"/>
            <div id="tabla">
                <!-- Start Table -->
                <table id="totalprecio" cellpadding="0" cellspacing="0" style="font-size:16px;">
                <thead>
                    <tr>
                    <td class="th" width="10%">#</td>
                    <td class="th" width="20%">C&oacute;digo</td>
                    <td class="th" width="30%">Nombre</td>
                    <td class="th" width="10%">Cantidad</td>
                    <td class="th" width="10%">Total</td>
                    </tr>
                </thead>
 
                <tbody>
                    <?php
                    for($i=0;$i<count($productos);$i++){
                    ?>
                    <tr>
                    <td class="alt"><?php echo $productos[$i]['idventas'];?></td>
                    <td class="alt"><input type="hidden" value="<?php echo $productos[$i]['idproductos'];?>" name="idproductos[]"/><?php echo $productos[$i]['idproductos'];?></td>
                    <td class="alt"><?php echo $productos[$i]['nombre'];?></td>
                    <td class="alt"><input type="hidden" value="<?php echo $productos[$i]['cantidad'];?>" name="cantidad[]"/><?php echo $productos[$i]['cantidad'];?></td>
                    <td class="alt"><input type="hidden" value="<?php echo $productos[$i]['importe'];?>" name="importe[]"/><?php echo "$ ".$productos[$i]['importe'];?></td>
                    </tr>
                    <?php
                    }
                    ?>
                    <tr>
                    <td class="alt" style="border-top: 1px solid #000;"></td>
                    <td class="alt" style="border-top: 1px solid #000;"></td>
                    <td class="alt" style="border-top: 1px solid #000;"></td>
                    <td class="alt" style="border-top: 1px solid #000;"></td>
                    <td class="alt" style="border-top: 1px solid #000;"></td>
                    </tr>
                </tbody>
 
 
                </table>
                <p style="text-align:right; font-size: 24px;">Total: <span id="sumatotal">$</span></p>
                <!-- End Table -->
            </div>
            <div class="buttonrow">
                <input type="hidden" name="id_user" value="<?php echo $datos->id_user;?>"/>
                <button type="submit"><span>Cerrar Venta</span></button>
            </div>
            </form>
 

Lo que necesito hacer con jquery es que me sume el valor que tiene todos los inputs importe y ese total me lo agregue en el span sumatotal.
Pero no tengo la mas palida idea de como hacerlo, alguien me puede guiar un poco como hacerlo.....
Desde ya muchas gracias

[stock]

Necesitas sacar los campos con un selector luego accedes a la propiedad "value" de cada uno y vas sumando su valor mediante un ciclo, Luego cojes por el ID el span y le insertas la sumatoria.

Saludos :)

[sysmadryn]

Como "importe" es un campo del tipo oculto (hiden) pareceria que no sera modificado por el usuario, entonces te convendria hacerlo en el servidor con PHP.

De otra forma, con window.onload deberias definir una funcion que haga lo que dice stock. Pero no parece muy logico hacerlo en cliente.

Saludos