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