удалить свойство из texfield в Java Script

Question

Я следующий код для HTML формы:

<input type="text" name="myText" value="Enter Your Name" readonly> 
<input type="button" onclick="inn()" value="edit"> 

Когда я нажимаю на кнопку редактирования Я хотел бы только для чтения свойства текстового поля должны быть удалены, так что пользователь может редактировать значение текстового поля. Я не хочу менять какое-либо другое свойство.

Я также не хочу, чтобы изменить всю форму также с:

formId.innerHTML= 

Приведенный выше код показывает только один текст поля и одну кнопку. На моей странице есть 12 текстовых полей и 5 кнопок. Я хотел бы удалить свойство, а не повторно редактировать всю собственность снова.

Пожалуйста, предложите код JavaScript, который поможет.

function inn() 
{ 
    // What do I type here to remove the readonly property of the "MyText" text-field? 
} 

Answer 1

Во-первых, вам нужно получить <input> элемент из DOM. Один из возможных способов:

var element = document.getElementsByName("myText")[0]; 

Затем, чтобы удалить readonly вы можете либо изменить readOnly свойство:

element.readOnly = false; 

или явно удалить атрибут:

element.removeAttribute("readonly"); 

Answer 2

Try:

Дайте идентификатор вашему элементу ввода:

HTML

<input type="text" name="myText" id="myText" value="Enter your name" readonly /> 

JS

function inn() { 
    document.getElementById('myText').readonly = false; 
} 

Answer 3

Первый Присвоить идентификатор для вашего текстового поля.

т.е.

<input type="text" name="myText" id ="txt" value="Enter Your Name" readonly> 
<input type="button" onclick="inn()" value="edit"> 

Тогда вы можете написать в вашем JavaScript -

function inn() 
{ 
    if ($('#txt').attr("readonly") == true) 
    { 
     $('#txt').val(''); 
     $('#txt').removeAttr("readonly"); 
    } 
}