» Seleccionar todos los checkbox con JS | Solo Código |

Seleccionar todos los checkbox con JS

Escrito por J.F. el Tuesday, 10 de July del 2007 a las 15:37

Una funciÃ³n sencillita con Javascript para el dÃa de hoy, que puede resultar muy Ãºtil a la hora de crear formularios de registro por ejemplo. Como marcar/desmarcar todas las opciones de un chekbox. Veamos las funciones marcar y desmarcar declaradas en el `head:`

TEXTO PLANO

JavaScript:

<head> <title>Marcar/Desmarcar todas las opciones de un checkbox</title>

   <script type='text/javascript'>

   function marcar()

   {

   for(i=0;i<formulario.op.length;i++)

{

   formulario.op[i].checked=true;

}

   }

   function desmarcar()

   {

   for(i=0;i<formulario.op.length;i++)

{

   formulario.op[i].checked=false;

}

   }

   </script>

</head>

Una vez declaradas las 2 funciones, crearemos 2 botones de formulario que llamarÃ¡n a dichas funciones, marcando/desmarcando todos los checkbox en funciÃ³n del botÃ³n pulsado. Veamos un ejemplo:

TEXTO PLANO

HTML:

<body>

<form name="formulario">

<input type="checkbox" name="op"> Java <br>

<input type="checkbox" name="op"> JavaScript <br>

<input type="checkbox" name="op"> ASP <br>

<input type="checkbox" name="op"> HTML <br>

<input type="checkbox" name="op"> SQL <br>

<input type="button" name="seleccionar" value="Seleccionar todos" onClick="marcar(formulario.op.checked)">

<input type="button" name="noseleccionar" value="Borrar todos" onClick="desmarcar(formulario.op.checked)">

</form>

</body>

Ejemplo: | Marcar/Desmarcar todos los checkbox con un botÃ³n

Comentarios (1)

Categoria: Javascript

Añadir este post a

Del.icio.us -

Meneame -

Digg -

Webeame

1 Comentario

Entradas relacionadas

Comentario de asdf

Realizado el Tuesday, 3 de January del 2012 a las 16:14

Muy util y como implemento para que 1 solo boton haga las 2 funciones de seleccionar y deseleccionar para no hacer 2 botones?

Escribir un comentario

Solo Código

Solo Código es una colección de códigos de todo tipo que pueden resultar útiles para el diseño de páginas web. Está enfocado tanto para aquellos que son expertos, como para aquellos principiantes que quieren encontrar recursos útiles, o no saben implementar determinadas funciones en sus webs. No olvides que Solo Código es un blog de Informática Práctica, donde tenemos otras secciones interesantes como:
| Tutoriales | Trucos | Software | Links | Buscar |