Seleccionar multiples checkbox a las ves

Escrito por Mauro Rondinelli el Jueves 30 de Enero de 2003 a las 00:00hs

Sube Tu Queja

Este script nos permitira seleccionar todos los CheckBox que contiene un formulario, es muy util para que el usuario no tenga que ir seleccionando uno por uno. Antes que nada veamos un ejemplo de como se puede aplicar.

Supongamos que tenemos un formulario donde le pedimos al usuario que seleccione los temas que le interesan, si le interesan todos hace click en todos y listo!!! Se ahorra un par de clicks no? Veamos...

 Musica
 Cine
 Television
 Teatro
 Tecnologia
 Todos

A destacar en este formulario es el ultimo checkbox que contiene la funcion JavaScript que selecciona a todos los demas...

<td bgcolor="#FFFFCC"><input type="checkbox" name="checkbox11" value="checkbox" onClick="ChequearTodos(this);">&nbsp;Todos</td>

A continuacion les dejo el codigo de la funcion...

<script>
function ChequearTodos(chkbox)
{
for (var i=0;i < document.forms["form1"].elements.length;i++)
{
var elemento = document.forms[0].elements[i];
if (elemento.type == "checkbox")
{
elemento.checked = chkbox.checked
}
}
}
</script>

Este codigo pueden ubicarlo en cualquier parte de la pagina HTML, siempre recuerden agregar la etiqueta <script>. Sin mas les mando un saludo!


comentarios



  1. hola esta bien tu codigo solamente tienes que poner un form debajo del body y ponerle y abajo del form puedes poner cualquier codigo puede ser php o html o ajax ,si tienen codigos interesantes vere a ver si puedo ayudar



  2. Hola
    Yo tengo un programa similar pero en este kaso estoy utilizando Visual Basic 2005
    y tengo una coleccion de checkbox y kada una es un estilo de letra (bold, italic & underline) y no se como hacer que al momento que seleccione 2 de estas opciones las haga, es ke si selecciono bold se pone negrita pero al momento de ponder italic se kita el efecto de negritas y solo keda italic



  3. Excelente muchas gracias !!!



  4. Muy buen codigo, te felicito, muy rapido de implementar y me ayudó en un pendiente que salió de manera improvisa

    Saludos y sigue así.



  5. hola a todos, un exelecte script, felicidades al que publico, bueno ahi les respondo alginas dudas...
    1. cuando hay varios forms como es verdad no funciona, pero cambiando esto esatria bien

    function ChequearTodos(chkbox)
    {
    for (var i=0;i < document.form1.elements.length;i++)
    {
    var elemento = document.form1.elements[i];
    if (elemento.type == "checkbox")
    {
    elemento.checked = chkbox.checked
    }
    }
    }

    ////////////


    2. bueno comod icen cuando usas muchos se hace lento, es muy lento, lo recomendable seria como amximo usen entre 10 a 15 checkbox , les recomiendo a mi me fue bien..


    gracias



  6. Esta implementacion es buena pero solo para pocos elementos en la lista, cuando son bastantes cuando se seleccionan todos es muy lento al seleccionar puesto que en el script barre TODOS los elementos de la forma.

    Saludos desde Mexico

    Un buen mezcal para la tristeza...



  7. hola amigos, mira lo encontre muy util tu script, gracias me ayudo perfecto, era lo que estaba buscando... gracias.aaaa muy buena la pagina para aquellos que estamos re100 empesando. gracias



  8. hola amigo tengo dos formularios(el primero que realiza un filtro, y el segundo es e donde colocos los checkboxs) en la pagina donde necesito utilizar checkbox... pero este script solo me funciona SOLO si borro el primer form... que debo hacer para q me funcione??? ayuda xfa



  9. Bien, entonces ambos deberian ser forms["form1"], hay que especificar sino la gente se confunde y luego nunca funciona...



  10. Eso que has hecho de primero form1 y luego form[0] es una autentica chapuza



  11. @daniel "primero pusiste forms["form1"]. y despues forms[0], esta correcto eso? Checalo."
    "form1" es el nombre de tu formulario.. pero "forms[0]" vendria a ser tu primer formulario de la página pues lo llamas por su posicion y no por su nombre... en este caso es el unico formulario por lo tanto tb el primero.



  12. gracias! de mucha utilidad!!!



  13. Hola
    quisiera saber como se puede pasar los valores de un checkbox hacia otro formulario, si me pudieran ayudar se los agradeceria mucho.

    Gracias



  14. primero pusiste forms["form1"]. y despues forms[0], esta correcto eso? Checalo.



  15. BUEN DIA.
    BUSCANDO LA OPORTUNIDAD DE CREAR EL USO DE LOS CHECKBOX ME PERCATE QUE NO ME PERMITIO COLOCAR EL SCRIPT EN CUALQUIER PARTE DEL CODIGO DEL FORMULARIO QUE ESTOY HACIENDO, ¿PE AUXILIARIAS?

    GRACIAS



  16. hola soy nuevocon php. necesito un gran favor, tengo un listado con multiples check box organizados por columnas. debo seleccionar multiples check box de una misma columna sin que se seleccionen los check box de las otras columnas. mil gracias por la ayuda y felicitaciones a los gestores de este sitio es magnifico....



  17. Hola este codigo me sirvio de mucho, pero tengo el siguiente problema, tengo muchos check separados por rubros y cuando presiono seleccionar todos me selecciona todos los check del formulario , y solo quiero que me seleccione el del rubro especificado.








  18. amigo los cheks pude de esta manera y no me sale para nada. haber si me pueder ayudar. estoy trabajando con check con array ...



  19. muy bueno el scrip y super util, pero una duda sabes como puedes mandar a imprimir los CheckBox asi tal y como estan es decir q en la impresion aparezcan los cuadritos y el seleccionado relleno????

agregar comentario


Se permiten las etiquetas HTML <b>, <i> y <p>. Si ingresa alguna dirección web o dirección de email serán convertidos en enlaces automáticamente.





publicidad

API DE FACEBOOK
GOOGLE CALENDAR API
GOOGLE MAPS API