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:
Ver original
<input type='text' class='form-control' name='deta' id='deta'> <input type='text' class='form-control' name='monto' id='monto'> <label class='col-lg-2 control-label'>Agregar en:
</label><br /> <script type='text/javascript'> <div style='margin-bottom: 15px; margin-top: 15px;'> Egreso:
<input type='checkbox' onclick='mostrarEcaja();'/> Ingreso:
<input type='checkbox' onclick='mostrarIcaja();'/> <div name='chececaja' id='chececaja' style="display:none"> <input type='text' class='form-control' name='ecaja' id='ecaja' /> <div name='checicaja' id='checicaja' style="display:none"> <input type='text' class='form-control' name='icaja' id='icaja' /> <div style='margin-bottom: 15px; margin-top: 15px;'> Cargo:
<input type='checkbox' onclick='mostrarEbci();'/> Deposito:
<input type='checkbox' onclick='mostrarIbci();'/> <div name='checebci' id='checebci' style="display:none"> <input type='text' class='form-control' name='ebci' id='ebci' /> <div name='checibci' id='checibci' style="display:none"> <input type='text' class='form-control' name='ibci' id='ibci' /> <div style='margin-bottom: 15px; margin-top: 15px;'> Cargo:
<input type='checkbox' onclick='mostrarEchi();'/> Deposito:
<input type='checkbox' onclick='mostrarIchi();'/> <div name='checechi' id='checechi' style="display:none"> <input type='text' class='form-control' name='echi' id='echi' /> <div name='checichi' id='checichi' style="display:none"> <input type='text' class='form-control' name='ichi' id='ichi' /> <div style='margin-bottom: 15px; margin-top: 15px;'> Cargo:
<input type='checkbox' onclick='mostrarEsp1();'/> Deposito:
<input type='checkbox' onclick='mostrarIsp1();'/> <div name='checesp1' id='checesp1' style="display:none"> <input type='text' class='form-control' name='esp1' id='esp1' /> <div name='checisp1' id='checisp1' style="display:none"> <input type='text' class='form-control' name='isp1' id='isp1' />
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.