Q:

Soma imediata dentro do input - JavaScript

Tenho um sistema de venda, onde o administrador marca os checkbox dos produtos que desejar vender, logo em seguida aparece um input para digitar a quantidade desejada, e ao finalizar a venda, é calculado o valor total de todos os produtos com suas determinadas quantidades. Tudo isso está funcionando perfeitamente.
Porém gostaria de saber se há uma possibilidade de que enquanto o administrador vai selecionando os produtos e digitando suas quantidades, fosse feito um "Cálculo instantâneo" em um input para saber quanto ficará o valor final.
Tentei utilizar um snippet mas não funcionou. Vou colocar apenas a parte do código que me interessa, junto com o script que já utilizo para mostrar e ocultar o input a frente de cada checkbox para não ficar muita informação desnecessária, segue um exemplo:
<style type="text/css">
   input[type="number"] {
      display: none;
   }
</style>

<input type="checkbox" name="checkbox[]"> <input type="number" value="1" min="1" required="" max="10">
<input type="checkbox" name="checkbox[]"> <input type="number" value="1" min="1" required="" max="21">
<input type="checkbox" name="checkbox[]"> <input type="number" value="1" min="1" required="" max="13">

<script>
$('input[type="checkbox"]').on('click touchstart', function() {
    if (this.checked) {
        $(this).parent('td').find('input[type="number"]').show();
    } else {
        $(this).parent('td').find('input[type="number"]').hide();
    }
});
</script>

A:

No seu caso tem duas condições para atualizar a soma: clicar no checkbox (quando marca/desmarca) ou quando altera o valor (soma caso o checkbox esteja selecionado).  
Por isso pensei num evento change, que tanto se aplica so checkbox quanto ao input text:

$('input').change(function () {
   // pega todos os checkbox que estão checked
   var total = 0;
   $('input[type=checkbox]:checked').each(function () {
      // pega o valor do próximo input
      var input = $(this).next("input").val();
      total += Number(input);
   });
   
   $('#total').val(total);
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="checkbox" name="checkbox[]"> <input type="number" value="1" min="1" required="" max="10"><br />
<input type="checkbox" name="checkbox[]"> <input type="number" value="1" min="1" required="" max="21"><br />
<input type="checkbox" name="checkbox[]"> <input type="number" value="1" min="1" required="" max="13"><br />

<span>Total:</span><input type="text" id="total" />

Veja que, ao disparar o change, seleciona todos checkbox que estejam "checked" e e soma o valor do input imediatamente ao lado, usando next como seletor do jQuery

