Condiciones if()

Maganius · #1 (**permalink**) 21/05/2011, 18:28

Buenas..

Necesito saber si de alguna manera en un IF yo puedo saber si almenos de 1 checkbox fue marcado les muestro un ejemplo para que entiendan mejor:

if((convenir == "") || (cruces == ""){
}

lo que hace ese IF es decir si convenir O cruces estan vacios....

Mi intencion es saber si de alguna manera puedo decir que:

if((convenir == "") || (cruces == ""){
}

Si algunos de los 2 fue marcado que el otro no tenga condicion...

osea si Convenir fue clickeado que Cruces no tome parte de la condicion ya que quiero evaluar si alguno de los 2 fue clickeado solamente..

Gracias...

Att: Maganius

_cronos2 · #2 (**permalink**) 21/05/2011, 19:08

Creo que lo que necesitas es un XOR. Lamentablemente esto no existe en JS, pero es fácilmente imitable:

Código Javascript:

Ver originalfunction XOR(a, b){ return (a || b) && !(a && b); }
XOR(true, true); // false
XOR(false, false); // false
XOR(true, false); // true

Saludos (:

Maganius · #3 (**permalink**) 21/05/2011, 19:18

Gracias por tu respuesta _cronos2

La verdad que desconocia esta funcion XOR por lo cual no se como utilizarla, pero de todas formas te hago otra pregunta, yo tengo que verificar si alguno de mis 11 checkbox fueron marcados, aunque sea solo 1 como minimo.

¿Como podria utilizar XOR para saber si algunos de mis 11 checkbox fue marcado?

Gracias

_cronos2 · #4 (**permalink**) 21/05/2011, 19:24

Creo que te entendí mal

Si lo que quieres comprobar es si al menos uno de los 11 checkbox fueron marcados, debes usar la propiedad checked:

Cita:

if(
chk1.checked ||
chk2.checked ||
...
chk10.checked ||
chk11.checked
)

Saludos (:

Maganius · #5 (**permalink**) 21/05/2011, 19:31

Ohhh, tienes razon como se me pasó!!!

Lo pruebo y te comento como me fue.

Muchas gracias

Maganius · #6 (**permalink**) 21/05/2011, 19:38

No me funciono, nose porque :/

lo tengo asi:

Código Javascript:

Ver originalvar convenir    = document.upForm.convenir.checked;
var cruces  = document.upForm.cruces.checked;
 
if((convenir) || (cruces)){
    alert("Debes elegir almenos un checkbox");
    return;
}

No salta error, solamente no hace la comprobacion :/

Maganius · #7 (**permalink**) 21/05/2011, 19:58

Ya hice que lo compruebe lo hice asi:

Código Javascript:

Ver originalvar convenir    = document.upForm.convenir.checked;
    var cruces  = document.upForm.cruces.checked;
     
    if((convenir == false) || (cruces == false)){
        alert("Debes elegir almenos un checkbox");
        return;
    }

pero no me sirve, ya que convenir fue activado pero cruces no, entonces convenir va hacer igual a TRUE pero cruces va hacer false entonces me salta el alert...

Nose si me explique muy bien.

Panino5001 · #8 (**permalink**) 22/05/2011, 05:09

A ver si te entendí:

Código PHP:

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Documento sin título</title>

<script type="text/javascript">

function ver(f){

    var els=f.getElementsByTagName('input');

    var checks=0;

    for(var i=0,ch;ch=els[i];i++){

        if(ch.type=='checkbox' && ch.checked){

            checks=1;

            alert('al menos uno');

            break;

        }    

    }

    if(!checks)alert('ninguno');

    return checks;

}

</script>

 
</head>

 
<body>

<form id="form1" name="form1" method="post" action="" onsubmit="return ver(this)">

<input name="" type="checkbox" value="" />

<input name="" type="checkbox" value="" />

<input name="" type="checkbox" value="" />

<input name="" type="checkbox" value="" />

<input name="" type="checkbox" value="" />

<input name="" type="checkbox" value="" />

<input name="" type="checkbox" value="" />

<input name="" type="checkbox" value="" />

<input name="" type="checkbox" value="" />

<input name="" type="checkbox" value="" />

<input name="" type="checkbox" value="" />

<input name="" type="submit" value="Enviar" />

</form>

</body>

</html>

Cita:

Creo que lo que necesitas es un XOR. Lamentablemente esto no existe en JS, pero es fácilmente imitable

amigo _cronos2, tengo que contradecirte:

Código PHP:

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Documento sin título</title>

<script type="text/javascript">

function out(t){

    document.getElementById('log').innerHTML+=t+'<br />';    

}

function XOR(a, b){ return (a || b) && !(a && b); }

onload=function(){

    out(XOR(true, true)); // false

    out(XOR(false, false)); // false

    out(XOR(true, false)); // true

    out('---------------------');

    out(true ^ true);

    out(false ^ false);

    out(true ^ false);

}

</script>

</head>

 
<body>

<div id="log"></div>

</body>

</html>

_cronos2 · #9 (**permalink**) 22/05/2011, 06:01

Cita:

Iniciado por Panino5001

amigo _cronos2, tengo que contradecirte:

Código PHP:

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Documento sin título</title>

<script type="text/javascript">

function out(t){

    document.getElementById('log').innerHTML+=t+'<br />';    

}

function XOR(a, b){ return (a || b) && !(a && b); }

onload=function(){

    out(XOR(true, true)); // false

    out(XOR(false, false)); // false

    out(XOR(true, false)); // true

    out('---------------------');

    out(true ^ true);

    out(false ^ false);

    out(true ^ false);

}

</script>

</head>

 
<body>

<div id="log"></div>

</body>

</html>

WTF? Toda la vida pensando que no existía, y supongo que fue porque entendí mal

El único inconveniente que le veo a la implementación nativa es que hay que pasarle booleanos "estrictos", porque si no se vuelve loco. Ej:

Cita:

window ^ !window; // 0
!!window ^ !window; // 1

Quizá fue por eso que entendí mal, sí existe pero es un poco exquisito

Ahí te va otro paquete de karma.
Saludos :D

Maganius · #10 (**permalink**) 22/05/2011, 10:10

No pude :! intente con esto

Código Javascript:

Ver originalfunction ver(f){
    var els=f.getElementById('fo');
    var checks=0;
    for(var i=0,ch;ch=els[i];i++){
        if(ch.type=='checkbox' && ch.checked){
            checks=1;
            alert('al menos uno');
            break;
        }    
    }
    if(!checks)alert('ninguno');
    return checks;
}

Código HTML:

Ver original<form id="form1" name="form1" method="post" action="" onsubmit="return ver(this)">
<input id="fo" type="checkbox" value="" />
<input id="fo" type="checkbox" value="" />
<input id="fo" type="checkbox" value="" />
<input id="fo" type="checkbox" value="" />
<input id="fo" type="checkbox" value="" />
<input id="fo" type="checkbox" value="" />
<input id="fo" type="checkbox" value="" />
<input id="fo" type="checkbox" value="" />
<input id="fo" type="checkbox" value="" />
<input id="fo" type="checkbox" value="" />
<input id="fo" type="checkbox" value="" />
<input type="submit" value="Enviar" />
</form>

y no hace nada, si lo pruebo con el ejemplo que me dio Panino5001 funciona, pero eso comprueba todos los INPUT y eso no me serviria tendria que ser por ID pero al momento de adaptarlo no funciona :/

_cronos2 · #11 (**permalink**) 22/05/2011, 10:15

a) getElementById es un método de document única y exclusivamente, porque [Razón b]
b) Las ids del documento deben ser únicas, no puede haber dos elementos con la misma id.
Saludos (:

Maganius · #12 (**permalink**) 22/05/2011, 10:19

Lo intenté hacer con getElementsByName('fo');

Pero tampoco :/ :S

masterpuppet · #13 (**permalink**) 22/05/2011, 10:26

Es que en realidad lo que dijo _cronos2 esta bien, no existe el logical XOR, el ^ es el bitwise XOR que no es lo mismo.

Maganius · #14 (**permalink**) 22/05/2011, 10:32

Aun no pude, voy a seguir revisando el codigo aver si le allo la vuelta.

Panino5001 · #15 (**permalink**) 22/05/2011, 11:58

Entiendo que tenés varios "grupos" de checkboxes y lo que necesitás es evaluar por grupo. Si es así, lo que podés hacer es agrupar por atributo class en lugar de name, ya que varios checkboxes con el mismo name sería un sinsentido. Haciéndolo así quizá te sirva esto:

Código PHP:

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Documento sin título</title>

<script type="text/javascript">

if(typeof document.getElementsByClassName !='function'){

    document.getElementsByClassName=function(searchClass,node,tag) {

    //Dustin Díaz implementation

    var classElements = new Array();

 
    if ( node == null )

 
        node = document;

 
    if ( tag == null )

 
        tag = '*';

 
    var els = node.getElementsByTagName(tag);

 
    var elsLen = els.length;

 
    var pattern = new RegExp("(^|\\s)"+searchClass+"(\\s|$)");

 
    for (i = 0, j = 0; i < elsLen; i++) {

 
        if ( pattern.test(els[i].className) ) {

 
            classElements[j] = els[i];

 
            j++;

 
        }

 
    }

 
    return classElements;

 
}    

}

function ver(f){

    var els=document.getElementsByClassName('dos');

    var checks=0;

    for(var i=0,ch;ch=els[i];i++){

        if(ch.type=='checkbox' && ch.checked){

            checks=1;

            alert('al menos uno');

            break;

        }    

    }

    if(!checks)alert('ninguno');

    return checks;

}

</script>

 
</head>

 
<body>

<form id="form1" name="form1" method="post" action="" onsubmit="return ver(this)">

<input class="uno" name="" type="checkbox" value="" />

<input class="uno" name="" type="checkbox" value="" />

<input class="uno" name="" type="checkbox" value="" />

<input class="uno" name="" type="checkbox" value="" />

<input class="uno" name="" type="checkbox" value="" />

<input class="uno" name="" type="checkbox" value="" />

<input class="uno" name="" type="checkbox" value="" />

<br />

 
<input class="dos" name="" type="checkbox" value="" />

<input class="dos" name="" type="checkbox" value="" />

<input class="dos" name="" type="checkbox" value="" />

<input class="dos" name="" type="checkbox" value="" />

<input class="dos" name="" type="checkbox" value="" />

<input class="dos" name="" type="checkbox" value="" />

 
<input name="" type="submit" value="Enviar" />

</form>

</body>

</html>

Cita:

window ^ !window; // 0
!!window ^ !window; // 1

En efecto, es un operador a nivel de bits, no un operador lógico

Maganius · #16 (**permalink**) 22/05/2011, 13:00

Gracias a todos por su ayuda.

Lo pude solucionar de la siguiente manera:

Código Javascript:

Ver originalvar Forma=document.getElementsByName('Forma[]');
    var checks=false;
    if(checks==false){
    for(var i=0,FP;FP=Forma[i];i++){
            if(FP.checked){
                checks=true;
            }  
            
    }
}
    if(!checks){
        alert('Ninguno seleccionado');
        return;
    }

Todos los checkbox tienen el mismo nombre.

Luego para sacar el value de cada uno, hago un foreach y un implode separandolos con coma (,)