Activar o desactivar checkbox dependiendo del otro

jediap · #1 (**permalink**) 15/04/2013, 14:05

Buenas a todos, tengo un problema,quiero conseguir la funcionalidad del radiobutton con los checkbox.

El problema que me lo hace bien de c2 a c1 pero a la inversa no hace nada, se queda como bloqueado.

Este es mi html

Código HTML:

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script src="newjavascript.js" type="text/javascript"></script>
        <title>Prueba</title>
    </head>
    <body>
        <h1>Hola</h1>
        <p> Pulsa aqui para realizar una acción</p>
        <div id="grupoCheckBox">
            <p>C1</p>
            <input type="checkbox" id="check1" onclick="saludar();">
            <p>c2</p>
            <input type="checkbox" id="check2" onclick="saludar();"> 
        </div>
        <br>
        <br>
        <br>
        <br>
        <INPUT TYPE="BUTTON" VALUE="Guardar registro">
    </body>

</html>

y este mi javascript

Código:

function saludar() {
    var checkbox1 = document.getElementById("check1");
    var checkbox2 = document.getElementById("check2");

    if (checkbox1.checked == true) {
        checkbox2.checked = false;
    }else if(checkbox2.checked == true){
        checkbox1.checked =false;
    }
   
}

Muchas gracias.

chwc · #2 (**permalink**) 15/04/2013, 15:16

Bueno ! es bastante interesante tu problema, ahora vamos a sacar el jugo del problema
que pasa cuando apretamos C2 y C1 esta checked

-- > C2 pasa a estar checked => true
-- > se ejecuta la funcion saludar

Cita:

asi, que se ejecuta, pero vuelve a su estado inicial

hize una adaptación para pasarle el dato de que checkbox era
aca esta andando
http://codepen.io/anon/pen/hvbGd

un saludo :) y buena vibra :D

David · #3 (**permalink**) 15/04/2013, 15:19

Así funcionará:

Código Javascript:

Ver originalfunction saludar(obj) {
    document.getElementById("check1").checked = false;
    document.getElementById("check2").checked = false;
    obj.checked = true;
}

Código HTML:

Ver original<input type="checkbox" id="check1" onclick="saludar(this);">
<input type="checkbox" id="check2" onclick="saludar(this);">