如何在某些情况下使用Jquery锁定/解锁HTML元素？

Question

我可以更好地用原始脚本解释它。

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

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

是否有我必须包含的任何jquery小部件？

通过说锁定/解锁我的意思是启用/禁用。

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

如果您的意思是“不要显示”，请使用hide()，如果您在div中有任何表单元素并且想禁用'em all，则必须逐一禁用它们中的每一个。

Answer 3

不要做$("#Div").attr('disabled','true');，这里的主要问题是，用1.6（或某事物周围）与== true比较坏了，如果属性值是disabled（见http://jsfiddle.net/2vene/1/（和切换的jQuery -版））。你应该去is()。

其次格不支持disabled，使用一些input。在这种情况下，您的代码将看起来像

<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> 

您可以检查jQuery FAQ。

编辑

可选择使用readonly上div要锁定/解锁机制。检查演示readonly。