Publicentral.com - promocion,paginas,web,tutores,publicentralPromocion de paginas webs
Mostrando Codigo - Javascript
Code

Javascript - Seleccionar todos los check box

Códigos Javascript

con este ejemplo conseguimos hacer un select a todos los check box , es decir seleccionarlos todos con solo pulsar en una casilla.
Visitas: 31,752 - 23/09/2003 22.12.41
DemoNO CONTIENE ARCHIVO DESCARGABLEComentario
EXPLICACION
No es importante incluir el script entre las etiquetas head.
CODIGO
Este codigo aun no ha sido probado por Tutores.org en ChromeEste codigo aun no ha sido probado por Tutores.org en FirefoxCodigo probado en Internet Explorer 7+Este codigo aun no ha sido probado por Tutores.org en OperaEste codigo aun no ha sido probado por Tutores.org en Safari


# Codigo ofrecido por Tutores.org

  1. <script>
  2. function todos(chkbox)
  3. {
  4. for (var i=0;i < document.forms[0].elements.length;i++)
  5. {
  6. var elemento = document.forms[0].elements[i];
  7. if (elemento.type == "checkbox")
  8. {
  9. elemento.checked = chkbox.checked
  10. }
  11. }
  12. }
  13. </script>
  14. <form name="formulario" method="post" action="">
  15.   <table width="300" border="0" align="center" cellpadding="2" cellspacing="1">
  16.     <tr>
  17.       <td width="12" bgcolor="#eeeeeee"><font size="2" face="verdana">
  18.         <input type="checkbox" name="checkbox" value="checkbox">
  19.         &nbsp;Emails</font></td>
  20.     </tr>
  21.     <tr>
  22.       <td bgcolor="#999999"><font size="2" face="verdana">
  23.         <input type="checkbox" name="checkbox2" value="checkbox">
  24.         &nbsp;Asp</font></td>
  25.     </tr>
  26.     <tr>
  27.       <td bgcolor="#eeeeeee"><font size="2" face="verdana">
  28.         <input type="checkbox" name="checkbox3" value="checkbox">
  29.         &nbsp;Php</font></td>
  30.     </tr>
  31.     <tr>
  32.       <td bgcolor="#999999"><font size="2" face="verdana">
  33.         <input type="checkbox" name="checkbox4" value="checkbox">
  34.         &nbsp;Cgi</font></td>
  35.     </tr>
  36.     <tr>
  37.       <td bgcolor="#eeeeeee"><font size="2" face="verdana">
  38.         <input type="checkbox" name="checkbox5" value="checkbox">
  39.         &nbsp;Visualbasic</font></td>
  40.     </tr>
  41.     <tr>
  42.       <td bgcolor="#999999"><font size="2" face="verdana">
  43.         <input type="checkbox" name="checkbox6" value="checkbox">
  44.         &nbsp;Asp.net</font></td>
  45.     </tr>
  46.     <tr>
  47.       <td bgcolor="#eeeeeee"><font size="2" face="verdana">
  48.         <input type="checkbox" name="checkbox7" value="checkbox">
  49.         &nbsp;Applets</font></td>
  50.     </tr>
  51.     <tr>
  52.       <td bgcolor="#999999"><font size="2" face="verdana">
  53.         <input type="checkbox" name="checkbox8" value="checkbox">
  54.         &nbsp;Foros</font></td>
  55.     </tr>
  56.     <tr>
  57.       <td bgcolor="#eeeeeee"><font size="2" face="verdana">
  58.         <input type="checkbox" name="checkbox9" value="checkbox">
  59.         &nbsp;Tutores</font></td>
  60.     </tr>
  61.     <tr>
  62.       <td bgcolor="#999999"><font size="2" face="verdana">
  63.         <input type="checkbox" name="checkbox10" value="checkbox">
  64.         &nbsp;Tutoriales</font></td>
  65.     </tr>
  66.     <tr>
  67.       <td bgcolor="#990000"><input type="checkbox" name="checkbox11" value="checkbox" onClick="todos(this);">
  68.         <font color="#FFFFFF" size="2" face="Verdana"><strong>&nbsp;Seleccionar
  69.         todos Todos</strong></font></td>
  70.     </tr>
  71.   </table>
  72. </form>



ENLACE AL CODIGO
Si quieres enlazar desde tu pagina a este codigo
<!-- Inicio enlace Tutores.org -->
<a title="Tutores.org - Seleccionar todos los check box" href="http://www.tutores.org/codigo/606/" target="_blank">Seleccionar todos los check box</a>
<!-- Final enlace Tutores.org -->
COMENTARIOS
Comentario usuario
01-05-2008 21:26:28
2 5
Hola. Le agradesco por el codigo que esta muy bueno y resumido, muchas garcias espero yo tbn compartit codigo en java
INSERTAR COMENTARIO

Usuario:
Email:
Comentario:
Codigo Seguridad


Antes de enviar un comentario...
Todos los comentarios son revisados personalmente
Todo comentario que no haga relacion al codigo mostrado en esta pagina sera eliminado

Usuarios registrados tienen preferencia en recibir respuestas de ayuda!!
Ademas de poder insertar Imagenes,Enlaces y otras propiedades del editor.
Por favor, insertar los comentarios descriptivos.