Текстовое поле редактируется, не редактируется с помощью jquery

Question

Я использую тег для создания таблиц и с помощью jquery, чтобы сделать текстовое поле редактируемым и удалить свойство readonly.

<script type="text/javascript"> 
$(function(){ 
    $(".makeEditable").click(function(){ 
     $('input:text').removeAttr("readonly");  
    }); 
    $(".makeNonEditable").click(function(){ 
     $('input:text').attr("readonly", "readonly");  
    });    
}) 
</script> 

Вот код для таблицы и столбца с текстовым полем

<display:table name="loadData" style="float:left;"> 
    <display:column title="User Defined" class="colId"> 
    <input type="text" value= "" name="userdefined" size="10" readonly="readonly"/> 
    </display:column> 
</display:table> 

Я создал кнопку, чтобы сделать его редактируемым ...

<input type="button" value="Make Editable" class="makeEditable" /> 

Я не знаю почему, но его не рабочий ... никаких действий не происходит

Answer 1

// для отключенных, т.е. не может выделить значение или изменить = отключено «отключено»

// для чтения т.е. можно выделить значение, но не изменять только для чтения = «только для чтения» JQuery, чтобы внести изменения в элемент (заменитель отключены для чтения в следующем для установки атрибута только для чтения).

$ ('# someId'). Атр ("отключено", "отключено") или

$ ('# someId'). Attr ("отключено", правда)

Answer 2

Для HTML поле ввода текста:

<input id="name" type="text"> 

Вы можете использовать только для чтения собственность-

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

Это позволит сделать текстовое поле unedi Таблица.

Чтобы сделать его редактируемым:

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