Marcar todos los array de checkbox

JuanKa · #1 (**permalink**) 20/09/2008, 08:03

Buenas tardes a todos.

Espero que mepuedan ayudar con este problema.

Lo que pasa es que estoy generando unos checkbox que provienen de una consulta a una tabla y son de la siguiente manera

Código HTML:

<input type="checkbox" name="chk_col[]" id="chk_col[]" value="<?=$var_id_familia.'--xx--'.$row_art['id']; ?>" />

Es decir todo esta en el array : chk_col[]

Y tengo un dos input que me dice marcar y desmarcar y son los siguiente

Código HTML:

<INPUT TYPE="button" NAME="marcar" VALUE="Marcar todos"       onClick="modificar_boxes(true,'.$cantidad.')" />
<INPUT TYPE="button" NAME="desmarcar" VALUE="Desmarcar todos" onClick="modificar_boxes(false,'.$cantidad.')" />

y la funcion en javascript es :

Código HTML:

function modificar_boxes(chequear,cantidad)
{
     
    for (i=0; i < cantidad ; i++ )
    {
   
        if (chequear)
        {  
             alert("True:"+i);
document.getElementById('chk_col[]').checked=true;
            
        }
        else
        {
           alert("False :"+i); 
          document.getElementById('chk_col[]').checked=false;
        }
    } 
}

Lo que pasa es que solo me marca el primer elemento del array, ya que si por ejemplo la consulta me arroja 30 checkbox solo me marca el primero, pero puse un alert para ver si entra, y veo que si entra y lo recorre todo el array pero no los marca los 29 restantes por ejemplo..

Donde puede estar el error

Gracias y saludos a todos.

Panino5001 · #2 (**permalink**) 20/09/2008, 08:47

El principal error es que en una misma página no puede haber elementos con un mismo id (y por otra parte, tampoco los necesitás). Fijate si esto te sirve:

Código PHP:

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>test</title>

<script>

function modificar_boxes(v,n){

    var inp=document.getElementsByTagName('input');

    for(var i=0, l=inp.length;i<l;i++){

        if(inp[i].type=='checkbox' && inp[i].name.split('[]')[0]==n)

            inp[i].checked=v;

    }

}

</script>

</head>

 
<body>

<form action="" method="get">

<input type="checkbox" name="chk_col[]"  value="loquesea" />

<input type="checkbox" name="chk_col[]"  value="loquesea" />

<input type="checkbox" name="chk_col[]"  value="loquesea" />

<input type="checkbox" name="chk_col[]"  value="loquesea" />

<input type="checkbox" name="chk_col[]"  value="loquesea" />

<input type="checkbox" name="chk_col[]"  value="loquesea" />

<input type="button" name="marcar" value="Marcar todos" onclick="modificar_boxes(1,'chk_col')" />

<input type="button" name="desmarcar" value="Desmarcar todos" onclick="modificar_boxes(0,'chk_col')" />

</form>

</body>

</html>

JuanKa · #3 (**permalink**) 20/09/2008, 09:31

Ok. Amigo muchas gracias, eso entonces era el id del checbox que no tenia que repetirse.

Gracias y saludos a todos

JuanKa · #4 (**permalink**) 20/09/2008, 10:30

Se me olvidaba.

Y como puedo validar para que al menos seleccione un check box.

Gracias y saludos