script con checkbox. Ayuda.

gabriel em · #1 (**permalink**) 03/06/2007, 16:54

Tengo una lista con checkboxes y tambien un checkbox maestro que activa y desactiva todos. El codigo funciona y es este:

Código:

function checkAll(master){
var checked = master.checked;
var col = document.getElementsByTagName("INPUT");
for (var i=1;i<col.length;i++) {
col[i].checked= checked;}

El problema que tengo es que despues de esta lista y en el mismo furmulario tengo unas opciones para que el usuario decida que hacer y algunas de ellas son checkboxes tambien, por lo cual tambien los activa. Alguien puede ayudarme? nesecito que si el checkbox tiene como valor "categorias" no se vea afectador por el codigo y no se como hacerlo.

Muchas gracias !!!

KarlanKas · #2 (**permalink**) 04/06/2007, 01:57

Para hacerlo necesitas el name de los checkbox que quieres que cambie:

var col = document.getElementsByTagName("INPUT");
for (var i=1;i<col.length;i++) {
col[i].checked= (col[1].name="name_del_checkbox")?checked:"";}

KarlanKas · #3 (**permalink**) 04/06/2007, 01:58

Está mal! Lo hice pensando que eran radio... espera un segundo...

KarlanKas · #4 (**permalink**) 04/06/2007, 02:09

Con esto funciona:

Código PHP:

  <html>

<head>

 
<script>

function checkAll(master){

    var encontrado=0;

    var checked = master.checked;

    var col = document.getElementsByTagName("INPUT");

    for (var i=0;i<col.length;i++){

        if(col[i]==master){

            encontrado=1;

        }

        if(encontrado && col[i].type=="checkbox"){

            col[i].checked=checked;

        }

        else{

            encontrado=0;

        }

    }

}

</script>

    

</head>

 
<body>

<input type="checkbox" name="juan3" value="1" onclick="checkAll(this)">MArcar todos los pepe<br>

<input type="checkbox" name="juan" value="1">pepe<br>

 
<input type="checkbox" name="juan1" value="1">pepe<br>

 
<input type="checkbox" name="juan2" value="1">pepe<br>

<input type="text" name="juan5" value="1">pepe<br>

 
<input type="checkbox" name="juan3" value="1" onclick="checkAll(this)">Marcar todos los juan<br>

 
<input type="checkbox" name="juan4" value="1">juan<br>

 
<input type="checkbox" name="juan5" value="1">juan<br>

 
<input type="text" name="juan5" value="1">pepe<br>

 
 
<input type="checkbox" name="juan6" value="1">pepe<br>

 
 
 
 
</body>

</html>

Para que funcione tiene que haber algún input que no sea checkbox, entre las ristras de checkbox . Un text por ejemplo o un button, o un submit...

gabriel em · #5 (**permalink**) 04/06/2007, 10:32

Muchas gracias por ayudarme!!
Lo que hice fue agarrar algo de cada ejemplo y lo logre con esto:

Código:

function checkAll(master){
var checked = master.checked;
var col = document.getElementsByTagName("INPUT");
for (var i=0;i<col.length;i++) {
if(col[i].name!="borrar1" && col[i].name!="borrar2" && col[i].name!="borrar3"){ 
            col[i].checked=checked; 
        } 
}
}

Gracias!!