"Escucho con atencion a la gente que tiene la razón y prefiero seguir a los que tienen los resultados "

Soy una persona apasionada por todo lo que tiene que ver con Internet y las nuevas tecnologías. Soy autodidacta, y me encanta impartir clases...


Selección de uno o varios checkbox

Jueves 18 de Noviembre de 2010

Javascript
Autor: César Cancino
Categoría: Javascript
Etiquetas Programación, php, mysl
Comentarios 1

Este es un script que nos permitirá trabajar con opciones múltiples para nuestros formularios. Básicamente consiste en que presentamos uno o varios checkbox asociados a un mismo formulario, y le damos la opción a nuestros usuarios de que puedan seleccionar uno o varios con solo presionar un botón .

¿Qué te gustaría compartir con nosotros?

Compartir

Este es un script que nos permitirá trabajar con opciones múltiples para nuestros formularios. Básicamente consiste en que presentamos uno o varios checkbox asociados a un mismo formulario, y le damos la opción a nuestros usuarios de que puedan seleccionar uno o varios con solo presionar un botón .

A continuación les muestro una sencilla manera de implementarlo:

<html>
<head>

<title>Seleccionar uno o varios checkbox con javascript</title>
<script language="javascript" type="text/javascript">
function seleccionar_todo(){

for (i=0;i<document.form.elements.length;i++)

if(document.form.elements[i].type == "checkbox")

document.form.elements[i].checked=1

}

function deseleccionar_todo(){

for (i=0;i<document.form.elements.length;i++)

if(document.form.elements[i].type == "checkbox")

document.form.elements[i].checked=0

}
</script>
</head>

<body onload="deseleccionar_todo();">
<form name="form" method="post" action="">
<h2>Qué lenguaje te gusta</h2>
PHP <input type="checkbox" name="php" />
<br />
.NET <input type="checkbox" name="net" />
<br />
JAVA <input type="checkbox" name="java" />
<br />
PYTHON <input type="checkbox" name="python" />
<br />
ACTION SCRIPT <input type="checkbox" name="as" />
<hr />
<input type="button" value="Seleccionar Todo" title="Seleccionar Todo" onclick="seleccionar_todo();" />
&nbsp;&nbsp;||&nbsp;&nbsp;
<input type="button" value="Deseleccionar Todo" title="Deseleccionar Todo" onclick="deseleccionar_todo();" />
</form>
</body>
</html>


1 Comentarios

  1. linux_genesis
    Martes 01 de Noviembre de 2011

    Espero pueda servir este script a alguien que busca algo como gmail en la seleccion de checkbox function selection_checkbox(form) { for (i=0;i