Ver Mensaje Individual
  #1 (permalink)  
Antiguo 20/02/2015, 20:13
Begotten
 
Fecha de Ingreso: enero-2015
Ubicación: Valparaiso
Mensajes: 88
Antigüedad: 10 años, 1 mes
Puntos: 0
asignar valor de otro campo de texto con checkbox

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
  1. <form method="post">
  2.                
  3.                 <div class='field-box'>
  4.                     <label>Detalle</label>
  5.                     <div class='col-md-7'>
  6.                         <input type='text' class='form-control' name='deta' id='deta'>
  7.                     </div>
  8.                 </div>
  9.                 <div class='field-box'>
  10.                     <label>Monto</label>
  11.                     <div class='col-md-7'>
  12.                         <input type='text' class='form-control' name='monto' id='monto'>
  13.                     </div>
  14.                 </div>
  15.                 <br />
  16.                 <label class='col-lg-2 control-label'>Agregar en:</label><br />
  17.                 <br />
  18.                 <script type='text/javascript'>
  19.                 </script>
  20.                 <div class='field-box'>
  21.                     <div style='margin-bottom: 15px; margin-top: 15px;'>
  22.                         <label>Caja</label>
  23.                         Egreso: <input type='checkbox' onclick='mostrarEcaja();'/>
  24.                         Ingreso: <input type='checkbox' onclick='mostrarIcaja();'/>
  25.                     </div>
  26.                     <div name='chececaja' id='chececaja' style="display:none">
  27.                         <label>Egreso</label>
  28.                         <div class='col-md-7'>
  29.                             <input type='text' class='form-control' name='ecaja' id='ecaja' />
  30.                         </div>                        
  31.                     </div>
  32.                     <div name='checicaja' id='checicaja' style="display:none">
  33.                         <label style="margin-top: 15px;">Ingreso</label>
  34.                         <div class='col-md-7'>
  35.                             <input type='text' class='form-control' name='icaja' id='icaja' />
  36.                         </div>                        
  37.                     </div>
  38.                 </div>
  39.                 <div class='field-box'>
  40.                     <div style='margin-bottom: 15px; margin-top: 15px;'>
  41.                         <label>BCI</label>
  42.                         Cargo: <input type='checkbox' onclick='mostrarEbci();'/>
  43.                         Deposito: <input type='checkbox' onclick='mostrarIbci();'/>
  44.                     </div>
  45.                     <div name='checebci' id='checebci' style="display:none">
  46.                         <label>Cargo</label>
  47.                         <div class='col-md-7'>
  48.                             <input type='text' class='form-control' name='ebci' id='ebci' />
  49.                         </div>                        
  50.                     </div>
  51.                     <div name='checibci' id='checibci' style="display:none">
  52.                         <label style="margin-top: 15px;">Deposito</label>
  53.                         <div class='col-md-7'>
  54.                             <input type='text' class='form-control' name='ibci' id='ibci' />
  55.                         </div>                        
  56.                     </div>
  57.                 </div>
  58.                 <div class='field-box'>
  59.                     <div style='margin-bottom: 15px; margin-top: 15px;'>
  60.                         <label>Chile P7</label>
  61.                         Cargo: <input type='checkbox' onclick='mostrarEchi();'/>
  62.                         Deposito: <input type='checkbox' onclick='mostrarIchi();'/>
  63.                     </div>
  64.                     <div name='checechi' id='checechi' style="display:none">
  65.                         <label>Cargo</label>
  66.                         <div class='col-md-7'>
  67.                             <input type='text' class='form-control' name='echi' id='echi' />
  68.                         </div>                        
  69.                     </div>
  70.                     <div name='checichi' id='checichi' style="display:none">
  71.                         <label style="margin-top: 15px;">Deposito</label>
  72.                         <div class='col-md-7'>
  73.                             <input type='text' class='form-control' name='ichi' id='ichi' />
  74.                         </div>                        
  75.                     </div>
  76.                 </div>
  77.                 <div class='field-box'>
  78.                     <div style='margin-bottom: 15px; margin-top: 15px;'>
  79.                         <label>Santander P7 1</label>
  80.                         Cargo: <input type='checkbox' onclick='mostrarEsp1();'/>
  81.                         Deposito: <input type='checkbox' onclick='mostrarIsp1();'/>
  82.                     </div>
  83.                     <div name='checesp1' id='checesp1' style="display:none">
  84.                         <label>Cargo</label>
  85.                         <div class='col-md-7'>
  86.                             <input type='text' class='form-control' name='esp1' id='esp1' />
  87.                         </div>                        
  88.                     </div>
  89.                     <div name='checisp1' id='checisp1' style="display:none">
  90.                         <label style="margin-top: 15px;">Deposito</label>
  91.                         <div class='col-md-7'>
  92.                             <input type='text' class='form-control' name='isp1' id='isp1' />
  93.                         </div>                        
  94.                     </div>
  95.                 </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.