在Java腳本texfield刪除屬性

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

首先，您需要從DOM獲取<input>元素。一種可能的方式：

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

隨後，爲了除去readonly你可以改變readOnly屬性：

element.readOnly = false; 

或明確移除屬性：

element.removeAttribute("readonly"); 

Answer 2

嘗試：

爲您的輸入元素提供一個ID：

HTML

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

JS

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

Answer 3

首先分配一個ID，你的文本。

即

<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"); 
    } 
}