特定の条件でJqueryを使用してHTML要素をロック/アンロックする方法は？

Question

私はRawスクリプトを使って説明することができます。

私に含める必要がある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を無効にする場合は、それぞれを1つずつ無効にする必要があります。

Answer 3

$("#Div").attr('disabled','true');をしないでください、ここでの主な問題は、（http://jsfiddle.net/2vene/1/を参照してください（とjQueryを切り替える属性値がdisabledであれば1.6（またはその周りSTH）と== trueとの比較は、壊れているということです-バージョン））。むしろis()に行くべきです。

第二divが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を確認できます。

EDIT

オプションでは、/アンロック機構をロックするdivにreadonlyを使用することができます。デモのreadonlyを確認してください。