0

Buenas!

Tengo este ejemplo que recogí de w3schools.com

pero me muestran como bloquearlo, pero no desbloquearlo.

<!DOCTYPE html>
<html>
<body>

Checkbox: <input type="checkbox" id="myCheck">

<p>HACER CLICK PARA DESHABILITAR.</p>

<input type="checkbox" onclick="myFunction()">Try it</button>

<script>
function myFunction() {
    document.getElementById("myCheck").disabled = true;
}
</script>

</body>
</html>

Supongo que se podría hacer con una operación contraria a la de dar click que no conozco... o una misma opción con diferente funcion en el script(cosa que experimente pero no funciona)

Gracias

3 respuestas 3

1

podrías hacer lo siguiente:

    		document.getElementById("chk1").onclick = function(){
    			if (document.getElementById("myCheck").disabled){
    				document.getElementById("myCheck").disabled = false
    			}else{
    				document.getElementById("myCheck").disabled = true
    			}
    		}
    	Checkbox: <input type="checkbox" id="myCheck">
    
    	<p>HACER CLICK PARA DESHABILITAR.</p>
    
    	<input type="checkbox" id="chk1">Deshabilitar</button>
 

Evaluar en el evento click si esta deshabilitado para volver a habilitarlo y viceversa :D

Espero te ayude, saludos.

2
  • MUUUUUUCHAS gracias por ayudar a este humilde novato :D Commented el 5 may. 2017 a las 13:44
  • Gracias a ti :D. ¡Éxitos! Commented el 5 may. 2017 a las 13:46
0
function myFunction() 
{
   var control = document.getElementById("myCheck");

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

Eso debería funcionar, sin embargo te recomiendo que utilices jquery

function myFunction() 
    {
       var control = $("#myCheck");

       if(control.checked)
       {
          $("#myCheck").prop("checked", false);
       }
        else
       {
           $("#myCheck").prop("checked", false);
       }
    }
4
  • Funciona pero no lo bloquea y desbloquea el otro check, solo lo chequa y deschequa. El tuyo hace esto: jsfiddle.net/5qo4v1vo ----- Pero el que necesito deberia hacer esto: jsfiddle.net/tg1qo9hh ---- De todas manera tu aporte tambien es necesario para parte de lo que tengo que hacer en mi proyecto muchas gracias :D Commented el 5 may. 2017 a las 13:49
  • si, luego me di cuenta de que buscabas desbloquear y bloquear, no checkear y unckeckear
    – FederHico
    Commented el 5 may. 2017 a las 13:50
  • Entendí mal la pregunta
    – FederHico
    Commented el 5 may. 2017 a las 13:51
  • 1
    De igual manera Muchas Gracias este pedacito de codigo tambien me sirve Commented el 5 may. 2017 a las 13:51
0
<!DOCTYPE html>
<html>
<body>

Checkbox: <input type="checkbox" id="myCheck">

<p>HACER CLICK PARA DESHABILITAR.</p>

<input type="checkbox" id="validacion" onclick="myFunction()">Try it</button>

<script>
function myFunction() {
    document.getElementById("myCheck").disabled = document.getElementById("validacion").checked;
}
</script>

</body>
</html>

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.