[SOLUCIONADO] asignar valor de otro campo de texto con checkbox

[Begotten]

Buenas, Tengo un formulario que contiene campos de texto visibles y otros que se activan mediante el uso de checkbox. Básicamente lo que necesito es que al ingresar un valor en un campo de texto quede guardado de alguna forma para que al activar uno de los campos que se activan con checkbox, este adquiera ese valor pero que esto ocurra solamente si el campo es activado, si no se activa o es desactivado necesito que el valor vuelva a estar vació (cero en este caso).

Mi código es:

Código HTML:

<form method="post">
                
                <div class='field-box'>
                    <label>Detalle</label>
                    <div class='col-md-7'>
                        <input type='text' class='form-control' name='deta' id='deta'>
                    </div>
                </div>
                <div class='field-box'>
                    <label>Monto</label>
                    <div class='col-md-7'>
                        <input type='text' class='form-control' name='monto' id='monto'>
                    </div>
                </div>
                <br />
                <label class='col-lg-2 control-label'>Agregar en:</label><br />
                <br />
                <script type='text/javascript'>
                </script>
                <div class='field-box'>
                    <div style='margin-bottom: 15px; margin-top: 15px;'>
                        <label>Caja</label>
                        Egreso: <input type='checkbox' onclick='mostrarEcaja();'/>
                        Ingreso: <input type='checkbox' onclick='mostrarIcaja();'/>
                    </div>
                    <div name='chececaja' id='chececaja' style="display:none">
                        <label>Egreso</label>
                        <div class='col-md-7'>
                            <input type='text' class='form-control' name='ecaja' id='ecaja' />
                        </div>                        
                    </div>
                    <div name='checicaja' id='checicaja' style="display:none">
                        <label style="margin-top: 15px;">Ingreso</label>
                        <div class='col-md-7'>
                            <input type='text' class='form-control' name='icaja' id='icaja' />
                        </div>                        
                    </div>
                </div>
                <div class='field-box'>
                    <div style='margin-bottom: 15px; margin-top: 15px;'>
                        <label>BCI</label>
                        Cargo: <input type='checkbox' onclick='mostrarEbci();'/>
                        Deposito: <input type='checkbox' onclick='mostrarIbci();'/>
                    </div>
                    <div name='checebci' id='checebci' style="display:none">
                        <label>Cargo</label>
                        <div class='col-md-7'>
                            <input type='text' class='form-control' name='ebci' id='ebci' />
                        </div>                        
                    </div>
                    <div name='checibci' id='checibci' style="display:none">
                        <label style="margin-top: 15px;">Deposito</label>
                        <div class='col-md-7'>
                            <input type='text' class='form-control' name='ibci' id='ibci' />
                        </div>                        
                    </div>
                </div>
                <div class='field-box'>
                    <div style='margin-bottom: 15px; margin-top: 15px;'>
                        <label>Chile P7</label>
                        Cargo: <input type='checkbox' onclick='mostrarEchi();'/>
                        Deposito: <input type='checkbox' onclick='mostrarIchi();'/>
                    </div>
                    <div name='checechi' id='checechi' style="display:none">
                        <label>Cargo</label>
                        <div class='col-md-7'>
                            <input type='text' class='form-control' name='echi' id='echi' />
                        </div>                        
                    </div>
                    <div name='checichi' id='checichi' style="display:none">
                        <label style="margin-top: 15px;">Deposito</label>
                        <div class='col-md-7'>
                            <input type='text' class='form-control' name='ichi' id='ichi' />
                        </div>                        
                    </div>
                </div>
                <div class='field-box'>
                    <div style='margin-bottom: 15px; margin-top: 15px;'>
                        <label>Santander P7 1</label>
                        Cargo: <input type='checkbox' onclick='mostrarEsp1();'/>
                        Deposito: <input type='checkbox' onclick='mostrarIsp1();'/>
                    </div>
                    <div name='checesp1' id='checesp1' style="display:none">
                        <label>Cargo</label>
                        <div class='col-md-7'>
                            <input type='text' class='form-control' name='esp1' id='esp1' />
                        </div>                        
                    </div>
                    <div name='checisp1' id='checisp1' style="display:none">
                        <label style="margin-top: 15px;">Deposito</label>
                        <div class='col-md-7'>
                            <input type='text' class='form-control' name='isp1' id='isp1' />
                        </div>                        
                    </div>
                </div>
 

Específicamente lo que busco es que si se ha ingresado algún valor en el campo "monto" cuando active cualquiera de los campos con checkbox, estos adquieran ese valor y en caso de que se desactiven el valor vuelve a ser cero.
Cualquier aporte es bien recibido. De antemano muchas gracias.

[Alexis88]

Asigna una función al checkbox para cuando este sea marcado o desmarcado. En ella, verificarás dicho estado y, según sea el caso, realizarás un conjunto de instrucciones.

Código Javascript:

document.querySelector("#id del checkbox").addEventListener("change", function(){
    var valor = document.querySelector("#id de la caja de texto").value;
 
    if (this.checked){ //Si el checkbox está marcado
        //Asignas el valor tomado arriba a las cajas de texto
        //document.querySelector("#id de la primera caja a modificar").value = valor;
    }
    else{ //Si el checkbox está desmarcado
        //Quitas el valor asignado previamente a las cajas de texto
        //document.querySelector("#id de la primera caja a modificar").value = "";
    }
}, false);
 

No olvides colocar este código después de todos los elementos del documento y justo antes de la etiqueta </body> para que se ejecute correctamente.

Saludos