No se si te he entendido bien. Lo que entiendo es que necesitas para cada formulario multiplicar la caja con el precio, y poner el resultado dentro del input totales. Espero haberlo acertado.

PD: el html me lo he inventado en base a tu código.

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-js -->

    let forms = Array.from(document.querySelectorAll("#contenedor form"));

    forms.map((f) =>{
      let caja = f.querySelector(".caja");
      let precio = f.querySelector(".precio");
      let total = f.querySelector(".total");
      caja.addEventListener("input", ()=>{CalculaTotal(caja,precio,total) })
      precio.addEventListener("input", ()=>{CalculaTotal(caja,precio,total)})

    })


    function CalculaTotal(caja,precio,total){total.value = parseFloat(caja.value) * parseFloat(precio.value)}

<!-- language: lang-html -->

    <div id="contenedor">
    <form name="sumar1" id="sumar1">
    <input type="text" name="caja" class="caja" value="15" />
    <input type="number" name="precios" class="precio" class="form-control" value="1" min="1" max="15" placeholder="Cantidad">
    <input type="text" name="totales" class="total">
    </form>
    <form name="sumar1" id="sumar1">
    <input type="text" name="caja" class="caja" value="40" />
    <input type="number" name="precios" class="precio" class="form-control" value="1" min="1" max="40"><!--cantidad-->
    <input type="text" name="totales" class="total">
    </form>
    <form name="sumar1" id="sumar1">
    <input type="text" name="caja" class="caja" value="20" />
    <input type="number" name="precios" class="precio" class="form-control" value="1" min="1" max="20">
    <input type="text" name="totales" class="total">
    </form>
    <form name="sumar1" id="sumar1">
    <input type="text" name="caja" class="caja" value="10" />
    <input type="number" name="precios" class="precio" class="form-control" value="1" min="1" max="10">
    <input type="text" name="totales" class="total">
    </form>
    </div>

<!-- end snippet -->