एक लंगर टैग

Question

मेरी HTML क्लिक करने पर एक HTML पाठ इनपुट के लिए गलत पर केवल पढ़ने के लिए गुण सेट:

<div class="profileForm"> 
    <fieldset> 
    <label>Name<input type="text" id="name" name="name" runat="server" readonly=""/></label> 
    <label>Email<input type="email" id="email" name="email" runat="server" readonly=""/></label> 
    <label>Date Of Birth<input type="date" id="dob" name="dob" runat="server" readonly=""/></label> 
    <label>Address<input type="text" id="address" name="address" runat="server" readonly=""/></label> 
    <label>City<input type="text" id="city" name="city" runat="server" readonly=""/></label> 
    <label>State<input type="text" id="state" name="state" runat="server" readonly=""/></label> 
    <label>Country<input type="text" id="country" name="country" runat="server" readonly=""/></label> 
    <label>Access Level<input type="text" id="accessLevel" name="accessLevel" runat="server" readonly=""/></label> 
    </fieldset> 
</div> 
<div class="profileEdit"> 
    <fieldset> 
     <label><a href="#" id="Aname">edit</a></label> 
     <label><a href="#" id="Aemail">edit</a></label> 
     <label><a href="#" id="Adob">edit</a></label> 
     <label><a href="#" id="Aaddress">edit</a></label> 
     <label><a href="#" id="Acity">edit</a></label> 
     <label><a href="#" id="Astate">edit</a></label> 
     <label><a href="#" id="Acountry">edit</a></label> 
    </fieldset> 
</div> 

मेरे जावास्क्रिप्ट

<script src="Scripts/jquery-1.7.1.js"></script> 
<script type="text/javascript"> 
    $(document).ready(function() { 
     console.log("document ready") 
     $("profileEdit label a").click(
     function (e) { 
      if (this.attr("id") == "Aname") { 
       $("#name").attr("readonly", false); 
      } 
     }); 
    }); 
</script> 

वैकल्पिक जावास्क्रिप्ट

<script type="text/javascript"> 
    $(document).ready(function() { 
     console.log("document ready") 
     $('#Aname').live('click', function() { 
      $("#name").attr("readonly", false); 
     }); 
    }); 
</script> 

मैं क्या कोशिश कर रहा हूँ करने के लिए संबंधित एंकर फ़ील्ड के क्लिक पर संबंधित इनपुट टेक्स्ट फ़ील्ड के केवल पढ़ने योग्य विशेषता सेट है। मेरी जावास्क्रिप्ट स्क्रिप्ट में से कोई भी काम नहीं करता है।

समाधान: @KaraokeStu के संयोजन के बाद, @bipin उत्तर देता मैं asp.net का उपयोग कर रहा हूँ 4,5

$(document).ready(function() { 
     console.log("document ready") 
     $('.profileEdit label a').live('click', function() { 
      alert("ctl00_ContentPlaceHolder1_" + this.id.substring(1, this.id.length)); 
      $("#" + "ctl00_ContentPlaceHolder1_" + this.id.substring(1, this.id.length)).prop('readonly', false); 
      console.log($("#" + "ctl00_ContentPlaceHolder1_" + this.id.substring(1, this.id.length)).attr('readonly')) 
      $("#" + "ctl00_ContentPlaceHolder1_" + this.id.substring(1, this.id.length)).focus(); 
      alert("done"); 
     }); 

    }); 

Answer 1

परिवर्तन केवल पढ़ने योग्य एक element..use prop()

$("#name").prop('readonly', false); 

link की Ty प्रोप() और attr()

Answer 2

प्रयास करें इस

$("#name").removeAttr('readonly'); 

देखें here.

WORKING DEMO

Answer 3

readonly विशेषता बूलियन नहीं है के बारे में अधिक पढ़ने के लिए। आप इसे true या false पर सेट नहीं कर सकते हैं, आप इसे readonly पर सेट कर सकते हैं या इसे बिल्कुल सेट नहीं कर सकते हैं (readonly="" गलत है, आप मान को छोड़ सकते हैं (readonly) या सही मान निर्दिष्ट करें (readonly="readonly"))।

आप डोम में एक तत्व की केवल पढ़ने के लिए स्थिति बदलने के लिए चाहते हैं, तो true या false को readonlyसंपत्ति निर्धारित किया है। अकेले विशेषता छोड़ दो।

$("#name").prop("readonly", false); 

Answer 4

स्थापित करने के लिए readonly गलत पर, आप इनपुट क्षेत्र से विशेषता को दूर पूरा करने की आवश्यकता आदेश में:

$("#name").removeAttr("readonly"); 

Answer 5

$('div.profileEdit a').click(function() { 
    // extract corresponding label id 
    var labelId = $(this).attr('id').split('A')[1]; 
    // make corresponding label readonly 
    $('input#'+labelId).attr('readonly','readonly'); 
}); 

Answer 6

आप नीचे दिए गए कोड का उपयोग कर सकते हैं:

<script> 
$(document).ready(function() { 
    $(".profileEdit label a").each(function (e) { 
     $(this).click(function (elem) { 
      $("#" + this.id.substring(1,this.id.length)).attr("readonly", false); 
     }); 
    });  
}); 
</script> 

जैसा कि यहां प्रदर्शित किया गया है: http://jsfiddle.net/uDCgE/

Answer 7

आप या तो इस कार्य करें:

$(selector).attr('readonly', 'readonly'); 
$(selector).removeAttr('readonly'); 

या इस:

$(selector).prop('readonly', true); 
$(selector).prop('readonly', false); 

कभी दो मिश्रण।

याद रखना मुश्किल नहीं है। बस .attr() का उपयोग करते समय याद रखें, आप विशेषता मानों से निपट रहे हैं। .prop() का उपयोग करते समय, आप DOM गुणों से निपट रहे हैं।

Answer 8

सेट तत्व संपत्ति readonly="readonly"

Answer 9

आप jQuery के बिना यह कर सकते हैं:

सेट readOnly:

document.getElementById("name").readOnly = true; 

और सेट नहीं:

document.getElementById("name").readOnly = false; 

शुद्ध Vanilla JS में सब कुछ।