Pregunta rapida sobregetElentById

[moscrates]

Hola estoy tratando de sacra todos los check selecionados que hay en un div
para luego meterlo en un arreglo.

Código:

var checkboxes = document.getElementById("div").checkbox;
 for (var x=0; x < checkboxes.length; x++)
		    {
 			  if (checkboxes[x].checked)
			    {
  					arreglo.push(checkboxes[x].value);
                }
            }

el error esta en que me dice que checkboxes is null.
osea que no esta secorriendo los check selecionados.
algun aidea

[maycolalvarez]

eso es porque no existe tal colección checkbox.

puedes usar getElementsByTagName, recorrer por el DOM, las colección elements del Form, o un framework como jQuery para extraer los checkbox de forma rápida

ejemplo jQuery:

Código Javascript:

$('#div input[type=checkbox]').each(function(index, obj) {
    if(obj.checked){
        arreglo.push(obj.value); // o index?
    }
});
 

NOTA: en este caso #div representa el id del DIV, no todas las capas DIV, es decir la: <div id="div">...</div>

[moscrates]

maycolalvares

antes que nbada gracia spor responder.
por lo menos yo no puedo meterlo en jquery ya que la funcion que revisa a los check le pasa valores a un ajax.

por el momento estoy obtenido los checados de esta forma.

Código Javascript:

var checkboxes = document.getElementById('check').checked;
           for (var i=0; i<checkboxes.length; i++)
            {
            arreglo.push(checkboxes[i].value);
                    }
 

pero hacerle un alert a, arreglo fuera del for. no me muestra valor alguno, se abre la ventada de aler y pero sin nada.
y si le hago un alert dentro del for, nunca se ejecuta el alert es como si no entrara en el ciclo for

[maycolalvarez]

1) usar jQuery no afecta para nada el uso o no de ajax, de hecho, jquery dispone de funciones para ajax ($.ajax, $.post, $.get, entre otras) pero puede usarse perfectamente con una función ajax tradicional

2) no puedes acceder a los valores de la variable arreglo porque está fuera de ámbito, como vez declaras implícitamente la variable al llamarla desde dentro del bloque for (cosa que IE no admite), por ende no está accesible desde fuera de dicho bloque al finalizar el ciclo, debes declararla antes de entrar a ciclo y de forma explicita, como debe hacerse:

Código Javascript:

var checkboxes = document.getElementById('check').checked; //esto solo te devolverá el primero
var arreglo = new Array(); //declaración explicita
for (var i=0; i<checkboxes.length; i++)
{
    arreglo.push(checkboxes[i].value);
}
 

como aquello aún no funciona, porque solo devuelve el primer check, se puede usar getElementsByTagName:

Código Javascript:

//JS puro, sin jQuery ;-)
var checkboxes = document.getElementById('div').getElementsByTagName('input');
var arreglo = new Array(); //declaración explicita
for(var i in checkboxes){
    if(checkboxes[i].type == "checkbox" && checkboxes[i].checked){
        arreglo.push (checkboxes[i].value);
    }    
}
 

como puedes ver jQuery simplifica las cosas, porque el método js puro hay que especificar bastante

[moscrates]

ok
declare el arreglo tal como me dijiste.
de echo no jala.
pero me surgen dos dudas.
1.- no se supone que en teoria la linea

Código Javascript:

var checkboxes = document.getElementById('check').checked;
 

deberia de jalar a todos lo que esten checked.

2.- por que si le pongo un alert.dentro del for, no muestra la pantalla(del alert).

[maycolalvarez]

a mi me funciona perfectamente.

la linea que dices, no puede devolver todos los checks, porque al final le indicas que te devuelva el checked, así que solo te devolverá true o false, según el valor del primer check:

var checkboxes = document.getElementById('check').checked

getElementById está en singular, por lo tanto sólo devuelve un elemento, a diferencia de getElementsByTagName

deberías postear la parte en HTML para ver porque no te funciona, la mia de prueba es:

Código HTML:

<div id="div">
    <input type="checkbox" id="check1" name="x1" value="1" />
    <input type="checkbox" id="check2" name="x2" value="2" />
    <input type="checkbox" id="check3" name="x3" value="3" />
</div>
 

[moscrates]

Disculpa por mi ignorancia, o como decimos en México (por mi pendejes--> usted disculpa por la palabra).

pero no me queda.
mi re le voy amosntrar la funcion completa

Código Javascript:

function beta(dato)
  {
     var div=document.getElementById("txtHint").innerHTML;
     if(div != "")
       {
 
           var boxes = document.getElementById('check');
           var arreglo = new Array();
           //alert(checkboxes.length);
           //var checkboxes = document.getElementById("txtHint").check;
           for (i=0; i<boxes.length; i++)
            {
                if(boxes[i].value == "checked")
                  {
                    arreglo.push(boxes[i].value)
                    alert(boxes[i].value);
                  }
            }
            var cadena = arreglo.toString()
            var ajax = showUser(dato, cadena)
       }
      else
       {
          var cadena = "Sin valor";
          var ajax = showUser(dato, cadena);
       }
  }
 

esta funcion se activa con evento onchange de un list-menu.
por si quuiere saber mas detalles mire aqui:
http://www.forosdelweb.com/f77/nesecito-ayuda-con-checkbox-848513/

[maycolalvarez]

corregí lo más que pude, prueba a ver:

Código Javascript:

function beta(dato)
{
    var div=document.getElementById("txtHint").innerHTML;
    if(div != "")
    {
        //var boxes = document.getElementById('check'); //olvídate de esto!
        //los checkbox son tags (input type="checkbox") NO: (checkbox type="checkbox")
        var boxes = document.getElementById('txtHint').getElementsByTagName('input'); 
        var arreglo = new Array();
        //for (i=0; i<boxes.length; i++)
        //es mucho mejor que la sintaxis anterior
        for (var i in boxes) 
        {
            //if(boxes[i].value == "checked") //El value NUNCA será checked, a menos que lo especifiques, de lo contrario será "On"
            //DOS condiciones: que el input sea checkbox Y que esté marcado o checked
            if( boxes[i].type == "checkbox" && boxes[i].checked )
            {
                //hey!!! y el punto y coma, que no se te olvide
                arreglo.push(boxes[i].value); 
                //boxes[i].value siempre devolverá "On" a menos que especifiques otro valor para el (input  type="checkbox" value="devuelve esto")
                alert(boxes[i].value);
            }
        }
        var cadena = arreglo.toString();//HEY!!! sin punto y coma otra vez!
        var ajax = showUser(dato, cadena);//HEY!!! sin punto y coma otra vez!
    }
    else
    {
        var cadena = "Sin valor";
        var ajax = showUser(dato, cadena);
    }
}
 

te recomiendo que instales FIREBUG en FireFox, es una excelente herramienta que te permite depurar y te avisa de errores javascript

PD: no está permitido duplicar posts, en caso de que consideres que el tema debe ser movido a otro sitio, reportarlo en el post correspondiente con: e indica: favor mover a javascript

[moscrates]

A que cosas.
en Iexplorer no correr(al menos en el mio es 8)
y en crhome si corre.

lo unico que se ocurre es que como crhome al instalrle le quita los complemento a Ie, por eso correr. crees que sea eso

[maycolalvarez]

no creo que chrome interfiera con IE, el código es bastante genérico, funciona en FF, SF, GC, IE7 y OP, la única forma de que en IE no te corra es porque te has comido la declaración explicita de las variables (con var) y algún error de sintaxis que tengas por ahí.

bueno, cualquier otra duda, te contesto mañana (aquí son las 11:30pm), o que otro te ayude, suerte
PD: que cosas de la vida, una pregunta rápida se convirtió en toda un clase

[moscrates]

ok,
en mexco son las 11:20.

como ultimo:
ojala y lo puedas leer.

como puedo agradecer tu ayuda?