Detectar checked y unchecked

andoencombi · #1 (**permalink**) 17/02/2014, 09:42

Hola Amigos, soy novato en esto de javascript, espero y me puedan ayudar a resolver este problema.

Resulta que tengo varios checkbox, con valores diferentes, entonces lo que requiero es hacer una funcion que cuando seleccione una opcion detecte el checked y me diga con un alert checked y me arroje el valor que seleccione, y si ya esta seleccionado que detecte el uncheck e igual me diga con un alert uncheck y me de su valor.

Ojala y me puedan ayudar!!

PHPeros · #2 (**permalink**) 17/02/2014, 09:46

Código Javascript:

Ver originalif(elemento.checked){
// ...
}else{
// ...
}

Y mediante el evento onclick.

andoencombi · #3 (**permalink**) 17/02/2014, 10:00

Gracias por la ayuda, ahora ya hice esta parte de codigo, pero no me funciona muy bien, esto es lo que pasa, a veces en lugar de que ponga uncheck pone checked y viceversa y falta que me arroje el valor del checked que elegi, me podrias ayudar a corregirlo

Código PHP:

  <html> 
<head> 
    <title>Ejemplo Checkbox</title> 
<script> 
function alertaChecked(){ 
    if(miCheck.checked){ 
        alert('checked'); 
    }else{ 
        alert('unchecked'); 
    } 
} 
</script> 
</head> 
 
<body> 
<form> 
<input type="checkbox" id="miCheck" name="miCheck" value="34" onclick="alertaChecked()"> 
<input type="checkbox" id="miCheck" name="miCheck" value="35" onclick="alertaChecked()"> 
<input type="checkbox" id="miCheck" name="miCheck" value="36" onclick="alertaChecked()"> 
<input type="checkbox" id="miCheck" name="miCheck" value="37" onclick="alertaChecked()"> 
</form> 
</body> 
</html>

PHPeros · #4 (**permalink**) 17/02/2014, 10:04

Por favor, utiliza diferentes IDs para cada elemento.

andoencombi · #5 (**permalink**) 17/02/2014, 10:15

ok, pero si utilizo diferentes ids como haria para detectar el checked y unchecked??

PHPeros · #6 (**permalink**) 17/02/2014, 10:28

Modifica el if:

Código Javascript:

Ver originalif(event.target.checked)

Es bastante mejor que obtener cada elemento manualmente.

andoencombi · #7 (**permalink**) 17/02/2014, 10:42

Hola, ahora no me hace nada, en los errores de la consola me sale un error

ReferenceError: event is not defined

if(event.target.checked){

este es el codigo completo

Código PHP:

  <html> 
<head> 
    <title>Ejemplo Checkbox</title> 
<script> 
function alertaChecked(){ 
     
    if(event.target.checked){ 
        alert('checked'); 
    }else{ 
        alert('unchecked'); 
    } 
} 
</script> 
</head> 
 
<body> 
<form> 
<input type="checkbox" id="miCheck34" name="miCheck34" value="34" onclick="alertaChecked()"> 
<input type="checkbox" id="miCheck35" name="miCheck35" value="35" onclick="alertaChecked()"> 
<input type="checkbox" id="miCheck36" name="miCheck36" value="36" onclick="alertaChecked()"> 
<input type="checkbox" id="miCheck37" name="miCheck37" value="37" onclick="alertaChecked()"> 
</form> 
</body> 
</html>

vick90 · #8 (**permalink**) 17/02/2014, 10:45

Recibe como parametro el event

Código Javascript:

Ver original<script>
function alertaChecked(event){
    
    if(event.target.checked){
        alert('checked');
    }else{
        alert('unchecked');
    }
}
</script>

Saludos

PHPeros · #9 (**permalink**) 17/02/2014, 10:52

No es necesario pasar el parámetro event, creo que está utilizando IE, y en su caso debería ser window.event

andoencombi · #10 (**permalink**) 17/02/2014, 11:00

Estoy utilizando Firefox, ya probe con pasandole el even pero aun asi me arroja el mismo error, tambien probe poniendole window.event e igual el mismo error