javascript - ボタンをクリックしたときにテキストボックスを有効/無効にする方法

Question

たとえば、私のページにはすでに何らかの値があるテキストボックスがあり、その読み取り専用オプションは「true」です。テキストボックスの横にある編集ボタンをクリックすると、テキストボックスの編集オプションが有効になります。ボタンをクリックしたときにテキストボックスを有効にする方法を実装します。

function func() {
    $("input:button[name='button1']").click(function() {
        $("#text11").val($(this).val()).attr("disabled", "disabled");
        if($(this).val() != "") { 
            $("#text11").attr("disabled", "").focus();
        } 
    });
}

<input type="text" name="text11" readonly="readonly" value="Editing is disabled">
<input type="button" value="edit" name="button1">

このボタンをクリックすると、テキストボックスの読み取り専用オプションが無効になります。どうすればよいですか？

Answer 1

基本的には、無効になっている属性を要素に追加して、ユーザーがその属性を使用できないようにします。

$('#disablebutton').click(function(){
    $('#textfieldToClose').attr('disable');
});

<input type="text" name="text11" readonly="readonly" id="textfieldToClose">
<input type="button" value="edit" name="button1" id="disablebutton">

私はこれがうまくいくはずだと信じています、それを気にテストしていません。

Answer 2

You need to use HTML DOM objects...

http://www.w3schools.com/jsref/default.asp