Cargar una campo de texto con un checkbox

juanote70 · #1 (**permalink**) 30/05/2013, 05:12

Mi intencion es cargar varias cajas de texto cuando se pinche sobre un checbox

No se si se puede hacer que llame a una funcion y de unos valores a una variable?????

<hml>
<head>
<script type="text/javascript">
var cliente='';
function valorcliente()
{
var cliente=31;
var total=48;
}
function valorcliente2()
{
var cliente2=32;
var total=36;
}
</script>
</head>
<body>
<form>
<input name="elegir" type="radio" value="elegir" onClick="valorcliente()" />
<input name="nocliente" type="text" onClick="valorcliente2()" />
<input name="cliente" type="text" id="cliente" value=""/>
<input name="nocliente" type="text" id="nocliente" value="" />
<input name="total" type="text" id="total" onFocus="this.value=total" value=""/>
</form>
<body>

La cuestion es que pinchando sobre el primer checkbox, se debe rellenar el input de name="cliente" con la cantidad de 31 y a la vez el de name="total" con 48.

Y si pinchas sobre el segundo checkbox se debe rellenar el input de name="nocliente" con la cantidad de 32 y a la vez el de name="total" con 36.

No tengo mucha idea de javascript, como estareis viendo

andreslgo · #2 (**permalink**) 30/05/2013, 06:17

En la funcion valorcliente2(), aparte de colocar los valores en variables debes asignarlos a los campos.

Código Javascript:

Ver originaldocument.getelementbyid['cliente'].value = cliente

y eso es todo.

MagoMarlon · #3 (**permalink**) 30/05/2013, 08:36

Tienes infinidades de errores en ese pequeño codigo,, dame unos minutos y te resuelvo el problema...

MagoMarlon · #4 (**permalink**) 30/05/2013, 09:17

Copia y pega este codigo tal cual. Si no es exactamente lo que quieres, pues es solo cuestión de adaptarlo un poco. Saludos ;)

Código HTML:

Ver original<html>
<head>
<script type="text/javascript">
  function valorcliente()
  {
 
    var cliente=31;
    var total=48;
    if (document.miFormulario.check1.checked){
 
      document.getElementById('cliente').value=cliente;
      document.getElementById('total').value=total;
    }else{
      document.getElementById('cliente').value='';
      document.getElementById('total').value='';
    }
  }
  function valorcliente2()
  {
    var cliente2=32;
    var total2=36;
    if (document.miFormulario.check2.checked){
 
      document.getElementById('nocliente').value=cliente2;
      document.getElementById('total').value=total2;
    }else{
      document.getElementById('nocliente').value='';
      document.getElementById('total').value='';
    }
}
</script>
</head>
<body>
  <form name="miFormulario">
    <span>Primer check</span><input type="checkbox" name='check1' id='check1' onClick="valorcliente()" />
 
    <span>Segundo check</span><input type="checkbox" name='check2' id='check2'onClick="valorcliente2()" />
    <br/>
 
    
    <span>Cliente</span><input type="text" id="cliente"/>
    
    <span>No Cliente</span><input type="text" id="nocliente" />
    <br/>
    <span>Total</span><input name="total" type="text" id="total" onFocus="this.value=total" value=""/>
  </form>
<body>
</html>