sumar array en javascript

[daot_2006]

hola amigos, soy nuevo en este foro espero me puedan ayudar.

tengo una tabla para ingresar productos con el nombre, cantidad y precio que al presionar un boton me va agregando filas dinamicamente y mostrando lo que yo voi ingresando. Estos valores quedan almacenados en un array . Lo que necesito es sumar el valor que se esta almacenado en el "input name=subtotal[]" que es la multiplicacion de la cantidad * el precio. esta suma la quiero poner en un campo y tiene que ir cambiado mientras yo vaya agregando producto (es como un carro de compra ).

if(producto!="" || cantidad!="" || precio!="" ){
tablaDatos.append("<tr><td><input type='text' name='producto[]' value="+producto+" /></td><td><input type='text' name='cantidad[]' value="+cantidad+" /></td><td><input type='text' name=precio[]' value="+precio+" /></td><td><input type='text' name='subtotal[]' value="+subtotal+" /></td><td align='center'><input type='button' onclick='borrar(this)' value='ELIMINAR' /></td></tr>");

reset_campos();
}



me pasaron este codigo pero solo me muestra suma: 0.00

<script>
function reset_campos(){

var total = 0;

$("input[name='subtotal\\[\\]']").each(function(){
total += +$(this).val();
});

$("#total").val(total.toFixed(2))
}
</script>

Abajo en el campo total que tengas:

Código HTML:
Ver original
Suma: <input id="total" disabled="disabled" type="text" />