¿Cómo bloquear/desbloquear el elemento HTML con Jquery en ciertas condiciones?

Question

Puedo explicarlo mejor con script Raw.

<script> 
    $(document).ready(function() { 
     $("Div"). //lock div here 

     var condition=$("#value").val(); 
     if(condition==true){unlock div here} 
     else{do nothing} 
    }); 
</script> 

¿Hay alguna widget de jQuery que tengo que incluir?

Al decir bloqueo/desbloqueo me refiero a Habilitar/Deshabilitar.

Answer 1

<script> 
    $(document).ready(function() { 
     $("Div").attr('disabled','true'); //lock div here 


     var condition=$("#value").val(); 
     if(condition==true) 
       $("Div").attr('disabled','false');//{unlock div here} 
     else{do nothing} 
    }); 
</script> 

Answer 2

Si quiere decir "no mostrar", use hide(), si tiene elementos de formulario en div y desea deshabilitarlos a todos, tiene que deshabilitarlos uno por uno.

Answer 3

No haga$("#Div").attr('disabled','true');, el problema principal aquí es que con 1.6 (o algo en torno a que) la comparación con == true se rompe, si el valor de los atributos es disabled (ver http://jsfiddle.net/2vene/1/ (y conmutar el jQuery -versión)). Deberías ir por is().

En segundo lugar div no es compatible con disabled, utilice algunos input. En este caso el código se verá así

<script> 
    $(document).ready(function() { 
    $("#controlId").attr('disabled','disabled'); //lock input control here 

    var condition = $("#value").val(); 
    if(condition == true) 
      $("#controlId").removeAttr('disabled');//{unlock input control here} 
    else{do nothing} 
}); 
</script> 

Puede comprobar jQuery FAQ.

EDITAR

Opcionalmente se puede utilizar en readonlydiv mecanismo para bloquear/desbloquear. Ver demo de readonly.