saber si checkbox esta clickeado sin enviar form ni presionar algun boton

resorteronte · #1 (**permalink**) 06/04/2010, 03:11

me explico, tengo que crear x checkboxes que genero con for, supongamos que son 5 por ahora

Código:

<?PHP
$check=array("lunes","martes","miercoles","jueves","viernes");
$numChboxes=5;

for($i=0; $i<$numChboxes; $i++)
{
     echo "<input type=\"checkbox\" name=\"check[]\"  value=\"$check[$i]\" id=\"$check[$i]\">casilla numero $i <br>";
}

?>

como puedo hacer en javascript una funcion que al presionar uno o mas checkboxes , en un arreglo se vayan guardando los values de los checkboxes que en ese momento estan clickeados, para que pueda trabajar con ellos, el caso es que no quiero hacer el submit para recuperar su valor (ni habrá submit), ni tampoco quiero un boton que al presionarlo me diga cuales estan clickeados, deseo que con solo clickear el checkbox, se guarde su value en un arreglo , y que al desmarcarlo se pierda ese valor en el arreglo, sin actualizar pagina ni nada, se puede hacer eso? y luego puedo trabajar con ese arreglo en php?

gracias de antemano al que me responda, la verdad me urge hacer eso y ya me quebré la cabeza pensando como pero no puedo, lo dificil esta en no tener submit ni algun otro boton, solo con clickear el checkbox

Adler · #2 (**permalink**) 06/04/2010, 05:39

Hola, bienvenido al foro

Prueba con esto

Código Javascript:

Ver original<html>
<head>
<script type="text/javascript">
function valores() {
todos = new Array();
var elementos = document.getElementById("chbox").getElementsByTagName("input");
for (var i = 0; i < elementos.length; i++) 
if (elementos[i].checked) todos[todos.length] = elementos[i].value;
return todos.join(",");
}
</script>
</head>
<body >
<form>
<div id="chbox">
<input name="t[1]" id="t[]" type="checkbox" value="0000" /> 
<input name="t[2]" id="t[]" type="checkbox" value="1111" /> 
<input name="t[3]" id="t[]" type="checkbox" value="2222" /> 
<input name="t[4]" id="t[]" type="checkbox" value="3333" /> 
<input name="t[5]" id="t[]" type="checkbox" value="4444" /> 
<input name="t[6]" id="t[]" type="checkbox" value="5555" /> 
</div>
<button onclick="alert(valores())" >mostrar</button>
</form>
</body>
</html>

PD: No ve la manera de poder trabajar con esa matriz en PHP

Suerte