Problema de Selectores con .toArray()

GUILLHERMOSOFT · #1 (**permalink**) 29/03/2011, 12:17

Cordial Saludo

Actualmente tengo el siguiente código:

function disp(divs) {
var a = [];
for (var i = 0; i < divs.length; i++) {
a.push(divs[i].innerHTML);
}
$('#contenedor').text(a.join(' '));
}

disp( $("li").toArray());

El cual me funciona sin problema, más cuando intento usar el mismo método .toArray con un selector del siguiente tipo:

$("input[type='checkbox']")

Ver

function disp(divs) {
var a = [];
for (var i = 0; i < divs.length; i++) {
a.push(divs[i].innerHTML);
}
$('#contenedor').text(a.join(' '));
}

disp( $("input[type='checkbox']").toArray());

el algoritmo no me funciona, más tampoco me imprime mensajes de error.

Ya probé usando selectores por medio de "class", "id", las etiquetas "div", "li", más por la etiqueta "input" (que es la que necesito) no me funciona.

Por lo cual si alguno de ustedes me pudiera ayudar con esto se lo agradecería bastante.

Muchas gracias.

Dany_s · #2 (**permalink**) 30/03/2011, 06:31

pero innerHTML para un input?
si queres obtener el valor del input usa 'value'

Código HTML:

Ver original<html>
    <head>
        <title>Ejemplo</title>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>
        <script>
        $( function(){
 
            function disp(divs) {
                var a = [];
                for (var i = 0; i < divs.length; i++) {
                    a.push(divs[i].value);
                }
                $('#contenedor').text(a.join(' '));
            }
 
            disp( $("input[type='checkbox']").toArray());
 
        });
        </script>
    </head>
    <body>
        <input type="checkbox" value="1">
        <input type="checkbox" value="2">
        <input type="checkbox" value="3">
 
        <span id="contenedor"></span>
 
    </body>
</html>

GUILLHERMOSOFT · #3 (**permalink**) 30/03/2011, 14:55

Hola Dany_s, gracias por tu ayuda, aunque ya también lo había logrado hacer de otra manera, ver código:

list= new Array();

$("#idTipoTercero:checked").each(
function() {
list.push(this.value);
}
);

for (var j= 0; j < list.length; j++) {
var tiposTerceros = (list.join(' '));
$('#contenedor').text(tiposTerceros);
}

más he probado ambas formas y las dos funcionan, es bueno poder tener diferente alternativas de solución para un mismo problema.