estou com um problema ao qual não estou conseguindo resolver tenho uma tela de pedido de vendas onde a mesma tem que fazer o calculo de quantidade X valor unitario = (preencher o valor total e somar no total do pedido), como faço para realizar este calculo com jquery alguem pode me ajudar segue parte do codigo abaixo.
<table id="table-itens" class="table table-bordered table-hover table-striped">
<thead>
<tr class='info'><th colspan='6'>Itens do pedido de venda</th></tr>
<th class="th_codigo">Produto</th>
<th>Quantidade</th>
<th class="th_unitario">Valor Unit.</th>
<th class="th_total">Total</th>
</thead>
<tbody>
<tr id='line1' >
<td><input type='text' class='form-control input-sm codigo' value='29832' disabled /></td>
<td class='class_quant'> <input class='form-control input-sm codigo' type='text' name='ITEMARRAY[1][quantidade]' value='' id='qtn02' required/></td>
<td class='class_unit'> <input class='form-control input-sm vlr_unitario' type='tel' name='ITEMARRAY[1][vlr_unitario]' id='valor_unitario03' required /></td>
<td class='class_total'> <input class='form-control input-sm total' type='text' name='ITEMARRAY[1][total]' id='total02' readonly='readonly' /></td>
</tr>
<tr id='line2' >
<td><input type='text' class='form-control input-sm codigo' value='29835' disabled /></td>
<td class='class_quant'> <input class='form-control input-sm codigo' type='text' name='ITEMARRAY[3][quantidade]' value='' id='qtn02' required/></td>
<td class='class_unit'> <input class='form-control input-sm vlr_unitario' type='tel' name='ITEMARRAY[3][vlr_unitario]' id='valor_unitario03' required /></td>
<td class='class_total'> <input class='form-control input-sm total' type='text' name='ITEMARRAY[3][total]' id='total02' readonly='readonly' /></td>
</tr>
<tr class='info'>
<td colspan='3'></td>
<td class='total' colspan='2'><b>Total do pedido R$ : </b></td>
<td><div id='total'><span class='value_total'></span> </div></td>
</tr>
</tbody>
</table>
Meu codigo jquery esta assim, o mesmo já esta calculando os valores das linhas mas não consigo preencher o valor total da linha somente passando por cima do campo tem alguma forma automatica de fazer isso quando preencher a quantidade e o valor unitario ele ja gatilha o total da linha e soma no total?
$(window).ready(function () {
$('#table-itens tr td.class_quant').keyup(function () {
var quantidade = $(this).find('#qtn02').val();
$('#table-itens tr td.class_unit').keyup(function () {
valor_unitario = $(this).find('#valor_unitario03').val();
var total = (quantidade * valor_unitario);
$('#table-itens tr td.class_total').keyup(function () {
$(this).find('#total02').attr('value', total);
});
});
});
});