checkbox y javascript

#1 (**permalink**) 08/07/2011, 04:52

Hola a todos.

Llevo toda la mañana intentando hacer esto.
Tengo varios checkbox con los dias de la semana y con cada ckick que se haga en cada uno en input type text se añaden los dias seleccionados, es decir, tu le das a Lunes y se añade al input, pinchas Martes, y se añade a la caja de texto con el Lunes ya puesto, pero lo que necesito es que cuando estén seleccionados y al clickear otra vez como si tu hubieras equivocado y deseleccionar que se vaya ese dia.

Saludos.

ceSharp · #2 (**permalink**) 08/07/2011, 06:48

toma:
----------------------
<script type="text/javascript">

function escribirDias()
{
//en cada click borramos y volvemos a escribir en la caja de texto
var dias = document.getElementById('dias');
dias.value="";

//recogemos todos los objetos con etiqueta input para recorrerlos en un bucle
var checks = document.getElementsByTagName('input');
for(i=0;i<checks.length;i++)
{
//si no es un check pasamos de él
if(checks[i].type=='checkbox')
{
//si está checkado lo añadimos a la caja
if(checks[i].checked)
dias.value += checks[i].value;
}
}
}

</script>
--------------------------
<body>
<input type="checkbox" onclick="escribirDias()" id="lun" value="lunes " />lunes<br />
<input type="checkbox" onclick="escribirDias()" id="mar" value="martes " />martes<br />
<input type="checkbox" onclick="escribirDias()" id="mie" value="miercoles " />miercoles<br />
<input type="checkbox" onclick="escribirDias()" id="jue" value="jueves " />jueves<br />
<input type="checkbox" onclick="escribirDias()" id="vie" value="viernes " />viernes<br />
<input type="checkbox" onclick="escribirDias()" id="sab" value="sabado " />sabado<br />
<input type="checkbox" onclick="escribirDias()" id="dom" value="domingo " />domingo<br />
<input type="text" id="dias" style="width:600px" />
</body>
-------------------------

saludos.

#3 (**permalink**) 08/07/2011, 07:20

Muy bueno tio! me ha servido!!

Gacias.