Crear cuenta<!DOCTYPE html>
<html lang="es">
<head>
<title>Evento click() en un botón desactivado</title>
<meta charset="utf-8">
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script>
// variable que determina si el boton esta o no habilitado
var botonDisabled=true;$(document).ready(function(){
// evento click del boton
$("#boton").click(function(){
if(botonDisabled)
{alert("El botón esta deshabilitado");
}else{
alert("El botón esta habilitado");
}});
// evento click en el check para activar o desactivar el boton
$("#enableDisable_Button").click(function(){
if(botonDisabled==true)
{ //habilitamos el boton
$("#boton").removeClass("disabled");
botonDisabled=false;}else{
// simula el boton deshabilitado
$("#boton").addClass("disabled");
botonDisabled=true; }});
});
</script>
<style>
/* clase que determina como se muestra el boton deshabilitado */ #boton.disabled {color:graytext;}
</style>
</head>
<body>
<h1>Evento click() en un botón desactivado</h1>
<form>
<input type="button" id="boton" value="Botón" class="disabled">
<p><input type="checkbox" id="enableDisable_Button">Activar/Desactivar botón</p>
</form>
</body>
</html>
No hay comentarios