कुछ शर्त पर 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 में कोई भी फॉर्म तत्व है और आप सभी को अक्षम करना चाहते हैं, तो आपको उनमें से प्रत्येक को एक-एक करके अक्षम करना होगा।

Answer 3

$("#Div").attr('disabled','true'); मत करो, मुख्य समस्या यह है कि यहाँ 1.6 (या कि चारों ओर sth) के साथ == true के साथ तुलना, टूट गया है, तो गुण मूल्य disabled (http://jsfiddle.net/2vene/1/ देखते हैं (और jQuery स्विच है -संस्करण))। आपको 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 देख सकते हैं।

संपादित

वैकल्पिक रूप से आप लॉक करने के लिए/अनलॉक तंत्र div पर readonly उपयोग कर सकते हैं। readonly का डेमो जांचें।