は、アンカータグ

Question

MY HTMLクリックでHTMLテキスト入力のためのfalseにReadOnlyプロパティを設定します。

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

私のJavascriptの

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

代替Javascriptを

私がしようとしています何

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

対応するアンカーフィールドをクリックすると、対応する入力テキストフィールドのreadonly属性をfalseに設定します。私のjavascriptスクリプトは動作しません。

ソリューション：@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

変更を参照してください。この

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

をお試しください読取り専用（小道具についての詳細を読むためにelement..use prop()

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

linkのTY）とのattr（）

Answer 2

を使用していますhere.

WORKING DEMO

Answer 3

readonly属性はブール値です。 trueまたはfalseに設定できない場合は、readonlyに設定するか、まったく設定しないでください（readonly=""が間違っている場合は、値をオフ（readonly）のままにするか、正しい値（readonly="readonly"）を指定します。

あなたはDOMの要素の読み取り専用ステータスを変更したい場合は、trueまたはfalseにreadonlyプロパティを設定します。属性はそのままにしておきます。

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

Answer 4

falseに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); 

決して 2をミックスし。

覚えにくいです。 .attr（）を使用するときは、属性値を扱っていることを覚えておいてください。 .prop（）を使用するときは、DOMプロパティを扱っています。

Answer 8

セット要素プロパティreadonly="readonly"

Answer 9

あなたはjQueryのせずにそれを行うことができます。

readOnlyを設定します。

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

と解除：純粋Vanilla JSで

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

すべてを。