¿Deseleccionar o Desmarcar Checkbox?

jjrolevio · #1 (**permalink**) 10/11/2003, 03:27

Buenos días a todos, amigos del foro.

En este maravilloso luines tengo una retorcida duda, ya que me encantaría saber como con un código javascript puedo deseleccionar o desmarcar una serie de checkbox que he sacado por formulario.

Estos checkbox tienen el atributo name siguiente:
name="seleccion"&cont
Donde cont es un contador incrementable en +1, de esta manera consigo tantos checkbox como registros obtengo de la base de datos. Lo unico que me falta es saber como con un botón o un enlace puedo desmarcar de una vez todos los checkbox que se encuentren marcados o seleccionados.

Gracias anticipadas y espero que entendais mi pregunta, de no ser así me gustaría que me lo indicáseis.

KarlanKas · #2 (**permalink**) 10/11/2003, 05:01

Vamos a probar esto:

<script>
cambio=-1

function marcar(este){
cambio=-cambio;
todos=document.forms[0].elements.length;
este.value=(cambio==1)?"Desmarcar todos":"Marcar todos";
for(a=0;a<todos;a++){
campo=document.forms[0].elements[a];
if (campo.type=="checkbox"){
campo.checked=(cambio==1)?true:false;
}
}
}

No lo he probado. Ahora lo hago y te digo si va!

KarlanKas · #3 (**permalink**) 10/11/2003, 05:05

Funciona!

Mira el ejemplo:

Código PHP:

  <html>

<head>

    <title>Untitled</title>

    <script>

cambio=-1

 
function marcar(este){

cambio=-cambio;

todos=document.forms[0].elements.length;

este.value=(cambio==1)?"Desmarcar todos":"Marcar todos";

for(a=0;a<todos;a++){

campo=document.forms[0].elements[a];

if (campo.type=="checkbox"){

campo.checked=(cambio==1)?true:false;

}

}

}

</script>

</head>

 
<body>

<form action="javascript:alert('Enviando');">

<input type="checkbox" name="pepe" value="1">pepe<br>

<input type="checkbox" name="pepe" value="1">pepe<br>

<input type="checkbox" name="pepe" value="1">pepe<br>

<input type="text" name="d"><br>

 
<input type="checkbox" name="pepe" value="1">pepe<br>

<input type="checkbox" name="pepe" value="1">pepe<br>

<input type="text" name="d"><br>

 
<input type="checkbox" name="pepe" value="1">pepe<br>

<input type="checkbox" name="pepe" value="1">pepe<br>

<input type="checkbox" name="pepe" value="1">pepe<br>

<input type="checkbox" name="pepe" value="1">pepe<br>

<input type="checkbox" name="pepe" value="1">pepe<br>

<input type="text" name="d"><br>

 
<input type="button" value="Marcar todos" onclick="marcar(this)">

</form>

jjrolevio · #4 (**permalink**) 11/11/2003, 04:14

Gracias por la ayuda, me ha venido de perlas, la he tratado para hacer dos funciones distintas, una de marcar y otra de desmarcar, y perfecto, funciona.

Salu2 y grache

KarlanKas · #5 (**permalink**) 11/11/2003, 04:30

Si quieres se puede hacer para que si pinchas el botón con el shift pulsado se desmarquen todas y si lo haces normal se marquen... así tendrás sólo un botón