Checkbox html y JS

[Metallica]

Hola tengo una duda con html y js, ojala me puedan ayudar. Tengo varios checkbox en un mismo form, por ejemplo:

Código:

Vehiculos[]                  Animales[]
Camioneta[]                       Perro[]
Camion[]                                   Gato[]
Van[]                                                   Leon[]

Estoy utilizando el siguiente js

Código:

function Chequear(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;
} 
} 
}

Entonces si marco "Vehiculos", recorre el formulario, y chequea todos los checkboxs disponibles. Como sería para que solo me marcara los elementos de vehículos? (Automovil, camioneta, van)

Eso muchas gracias.

PD:quedo un poco desordenado ojalá se entienda.

[JavierB]

Hola Metallica

Puedes usar un truco, pones a cada checkbox un class y cuando los recorres con tu código marcas los que te interesen:

Código HTML:

<input type="checkbox" class="vehiculo" /> Coche
<input type="checkbox" class="vehiculo" /> Camion
<input type="checkbox" class="animal" /> Perro
<input type="checkbox" class="animal" /> Gato
 

Saludos,

[Metallica]

Gracias por tu respuesta:

A cada checkbox le di una clase, si quiero marcar la clase vehiculo el script quedaria de la suiguente forma??

Código:

function Chequear(chkbox) 
{ 
for (var i=0;i < document.forms["form1"].elements.length;i++) 
{ 
var elemento = document.forms[0].elements[i]; 
if (elemento.class == "vehiculos") 
{ 
elemento.checked = chkbox.checked;
} 
} 
}

La verdad es que soy un poco nuevo en esto, muchas gracias.

[stingofung]

Saludos "Metallica",

Lo que puedes hacer es lo siguiente:

1) A cada checkbox agregale un value en donde almacenaras su tipo (animal o vehiculo). Luego en evento onclick llamas a tu función pasandole como parámetro el valor actual de ese checkbox.

Código HTML:

<input type="checkbox" value="Animal" onclick="Chequear(this.value)" />
<input type="checkbox" value="Animal" onclick="Chequear(this.value)" />
<input type="checkbox" value="Animal" onclick="Chequear(this.value)" />
<input type="checkbox" value="Vehiculo" onclick="Chequear(this.value)" />
<input type="checkbox" value="Vehiculo" onclick="Chequear(this.value)" />
 

2) Utiliza la siguiente función:

Código Javascript:

function Chequear(chkbox) 
        { 
            for (var i=0; i<document.forms["form1"].elements.length; i++) 
            { 
                var elemento = document.forms[0].elements[i];
                if (elemento.value == chkbox) 
                {
                    elemento.checked = true;
                }
                else 
                {
                    elemento.checked = false;
                }
            } 
        }
 

De esta manera deberia funcionar. Prueba y me comentas.