Trabajar con nomenclatura checkbox

abimaelrc · #1 (**permalink**) 13/09/2010, 11:10

Saludos corillo:

Estoy trabajando en una aplicación que al final la lista de los nombre de los checkbox ha quedado algo como access[1][], access[2][], access[4][], access[8][], o sea la primera llave es en forma de bit y el otro vacio, para así tomarlo en orden. He logrado tomar los valores y ver si al menos seleccionó uno de esta forma

Código HTML:

Ver original<html>
<head>
<script type="text/javascript">
function chkAccessCheckbox(){
    var arr = new Array(1,2,4,8);
    var bool = false;
    for(var i in arr){
        var access = document.getElementsByName('access[' + arr[i] + '][]');
        for (var x in access) { 
            if(access[x].checked){
                bool = true;
            }
        } 
    }
    return bool;
}
</script>
</head>
<body>
 
<form action="#" onsubmit="return chkAccessCheckbox();">
    <input type="checkbox" name="access[1][]" value="1" />
    <input type="checkbox" name="access[1][]" value="2" />
    <input type="checkbox" name="access[1][]" value="4" />
    <input type="checkbox" name="access[1][]" value="8" />
    <input type="checkbox" name="access[1][]" value="16" />
 
    <input type="checkbox" name="access[2][]" value="1" />
    <input type="checkbox" name="access[2][]" value="2" />
    <input type="checkbox" name="access[2][]" value="4" />
    <input type="checkbox" name="access[2][]" value="8" />
    <input type="checkbox" name="access[2][]" value="16" />
 
    <input type="checkbox" name="access[4][]" value="1" />
    <input type="checkbox" name="access[4][]" value="2" />
    <input type="checkbox" name="access[4][]" value="4" />
    <input type="checkbox" name="access[4][]" value="8" />
    <input type="checkbox" name="access[4][]" value="16" />
 
    <input type="checkbox" name="access[8][]" value="1" />
    <input type="checkbox" name="access[8][]" value="2" />
    <input type="checkbox" name="access[8][]" value="4" />
    <input type="checkbox" name="access[8][]" value="8" />
    <input type="checkbox" name="access[8][]" value="16" />
 
    <input type="submit" />
</form>

Lo que me gustaría es que pueda, en el código, tomarlo de forma dinámica sin tener que estar mencionando var arr = new Array(1,2,4,8);. De que forma podría tomar los campos e ir iterando sin mencionarlos dentro del código, o sea de forma dinámica. Me imagino que con DOM lo puedo tomar. Bueno espero respuesta.

Gracias

caricatos · #2 (**permalink**) 13/09/2010, 11:24

Hola:

Más que como manejo de bits, me parece que estás planteando el tema como un array asociativo o de objetos, y no creo que javascript se estire más que eso...

Si no recuerdo mal, las rotaciones de bits se hacen con los operadores >> y <<, aunque siempre existirá "el viejo truco" de usar las potencias de dos...

Como en otras muchas ocasiones, tal vez "mee fuera del tarro", así que si no he atinado, te propongo que amplies la pregunta.

Saludos

abimaelrc · #3 (**permalink**) 13/09/2010, 11:32

Bueno sí, en si estoy manejándolo como asociativo, porque yo lo declaro, pero luego lo uso en PHP como bit, y la forma como lo logro es como tú bien dices el "viejo truco"

. Bueno pues me voy a tener que conformar con lo que he logrado al momento. Gracias

PD: Si de casualidad te acuerdas de alguna forma y lo buscaste en la enciclopedia que tienes por cerebro me dejas saber

abimaelrc · #4 (**permalink**) 13/09/2010, 14:21

Bueno la forma más dinámica que pude lograr es esta, gracias a la idea que me diste caricatos

Código HTML:

Ver original<html>
<head>
<script type="text/javascript">
function chkAccessCheckbox(){
    var i = 1;
    while(true){
        var access = document.getElementsByName('access[' + i + '][]');
        if(access.length == 0) return false;
        for (var x in access) { 
            if(access[x].checked){
                return true;
            }
        }
        i = i << 1;
    }
}
</script>
</head>
<body>
 
<form action="#" onsubmit="return chkAccessCheckbox();">
    <input type="checkbox" name="access[1][]" value="1" />
    <input type="checkbox" name="access[1][]" value="2" />
    <input type="checkbox" name="access[1][]" value="4" />
    <input type="checkbox" name="access[1][]" value="8" />
    <input type="checkbox" name="access[1][]" value="16" />
 
    <input type="checkbox" name="access[2][]" value="1" />
    <input type="checkbox" name="access[2][]" value="2" />
    <input type="checkbox" name="access[2][]" value="4" />
    <input type="checkbox" name="access[2][]" value="8" />
    <input type="checkbox" name="access[2][]" value="16" />
 
    <input type="checkbox" name="access[4][]" value="1" />
    <input type="checkbox" name="access[4][]" value="2" />
    <input type="checkbox" name="access[4][]" value="4" />
    <input type="checkbox" name="access[4][]" value="8" />
    <input type="checkbox" name="access[4][]" value="16" />
 
    <input type="checkbox" name="access[8][]" value="1" />
    <input type="checkbox" name="access[8][]" value="2" />
    <input type="checkbox" name="access[8][]" value="4" />
    <input type="checkbox" name="access[8][]" value="8" />
    <input type="checkbox" name="access[8][]" value="16" />
 
    <input type="submit" />
</form>
</body>
</html>