0

HTMLフォームの次のコードがあります。

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

編集ボタンをクリックすると、テキストフィールドの読み取り専用プロパティが削除され、ユーザーがテキストフィールドの値を編集できるようになります。他のプロパティは変更したくありません。

また、フォーム全体を次のように編集したくありません。

formId.innerHTML=

上記のコードは、1つのテキストフィールドと1つのボタンのみを示しています。私のページには、12個のテキストフィールドと5個のボタンがあります。プロパティ全体を再度編集するのではなく、プロパティを削除したいと思います。

役立つJavaScriptコードを提案してください。

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

3 に答える 3

3

<input>まず、 DOMから要素を取得する必要があります。1つの可能な方法：

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

次に、削除するには、プロパティreadonlyを変更します。readOnly

element.readOnly = false;

または、属性を明示的に削除するには：

element.removeAttribute("readonly");
于 2013-03-10T11:44:15.410 に答える
2

試す：

入力要素にIDを指定します。

HTML

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

JS

function inn() {
    document.getElementById('myText').readonly = false;
}
于 2013-03-10T11:44:22.937 に答える
0

まず、テキストボックスに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"); 
    } 
}
于 2013-03-10T11:52:47.167 に答える