Perl en Español

  1. Home
  2. Tutoriales
  3. Foro
  4. Artículos
  5. Donativos
  6. Publicidad
 

Seleccionar/Deseleccionar todos los checkboxes

 
Publicar nuevo tema   Responder al tema    Foros de discusión -> Javascript
Mensaje Mie Ago 09, 2006 3:47 pm
rookie
Perlero Nuevo
Perlero Nuevo
Registrado: 01 Mar 2006
Mensajes: 39
Seleccionar/Deseleccionar todos los checkboxes Responder citando

Alguien sabe como hacer para que un checkbox pueda seleccionar o desseleccionar a toda una lista de checkbox tal y como lo hacen en las bandejas de entrada del correo electronico.

Alguna documentacion?? Hay alguna funcion en Javascript que lo haga???

Mil gracias. Hasta pronto.
Mensaje Mie Ago 09, 2006 5:57 pm
explorer
Moderador
Moderador
Registrado: 24 Jul 2005
Mensajes: 4082
Ubicación: Valladolid, España
Responder citando

Un bucle for...
Mensaje Mie Ago 09, 2006 8:44 pm
kidd
Creador de Perl en Español
Creador de Perl en Español
Registrado: 15 Oct 2003
Mensajes: 1389
Ubicación: México
Responder citando

Oh, la magia de Google:
http://www.shiningstar.net/articles/articles/javascript/checkboxes.asp?ID=AW

Javascript:

Código:

<SCRIPT LANGUAGE="JavaScript">
<!--    
// by Nannette Thacker
// http://www.shiningstar.net
// This script checks and unchecks boxes on a form
// Checks and unchecks unlimited number in the group...
// Pass the Checkbox group name...
// call buttons as so:
// <input type=button name="CheckAll"   value="Check All"
   //onClick="checkAll(document.myform.list)">
// <input type=button name="UnCheckAll" value="Uncheck All"
   //onClick="uncheckAll(document.myform.list)">
// -->

<!-- Begin
function checkAll(field)
{
for (i = 0; i < field.length; i++)
   field[i].checked = true ;
}

function uncheckAll(field)
{
for (i = 0; i < field.length; i++)
   field[i].checked = false ;
}
//  End -->
</script>



El formulario:

Código:

<form name="myform" action="checkboxes.asp" method="post">
<b>Your Favorite Scripts & Languages</b><br>
<input type="checkbox" name="list" value="1">Java<br>
<input type="checkbox" name="list" value="2">Javascript<br>
<input type="checkbox" name="list" value="3">Active Server Pages<br>
<input type="checkbox" name="list" value="4">HTML<br>
<input type="checkbox" name="list" value="5">SQL<br>

<input type="button" name="CheckAll" value="Check All"
onClick="checkAll(document.myform.list)">
<input type="button" name="UnCheckAll" value="Uncheck All"
onClick="uncheckAll(document.myform.list)">
<br>
</form>


Wink

Saludos
Publicar nuevo tema   Responder al tema    Foros de discusión -> Javascript Todas las horas son GMT - 6 Horas
Página 1 de 1



Powered by phpBB © 2001, 2005 phpBB Group