$('.multi').keyup(function() {
var resprecio = [];
var cantscantidad = [];
$('.multi'precio').each(function(i, obj) {
resprecio.push(+obj.value);
});
$('.cantidad').each(function(i, obj) {
cantidad.push(+obj.value);
});
var resultado = res0;
precio.reducemap((po,c i)=>p*c => {
resultado += o * cantidad[i];
});
$("#result").val(resultado);
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
<input type="text" class="multi"><br>class="multi precio"> precio<br>
<input type="text" class="multi"><br>class="multi cantidad"> cantidad<br><br>
<input type="text" class="multi"><br>class="multi precio"> precio<br>
<input type="text" class="multi"><br>class="multi cantidad">cantidad<br><br>
<input type="text" class="multi"><br>class="multi precio"> precio<br>
<input type="text" class="multi"><br>class="multi cantidad">cantidad<br><br>
<input type="text" class="multi"><br>class="multi precio"> precio<br>
<input type="text" class="multi"><br>class="multi cantidad">cantidad<br><br><br>
<input type="text" id="result">id="result">resultado
</form>
En el ejemplo precedente, los elementos vacíos se consideran cero, entonces siempre va a dar cero a no ser que llenemos todos los inputs. Pero también se podrían no calcular los inputs vacios.
<script>
$('.quantity, price').keyup(function() {
var res = [];
var c = $('.quantity').each(function(i, obj) {
res.push(+obj.value);
});
var p = $('.price').each(function(i, obj) {
res.push(+obj.value);
});
var resultado = res.reduce((p,c)=>p*c);
$("#result").val(resultado);
})
</script>