使用 JavaScript 将 Textbox 只读属性设置为 true答案

【问题标题】：Setting the Textbox read only property to true using JavaScript使用 JavaScript 将 Textbox 只读属性设置为 true
【发布时间】：2009-11-18 21:48:08
【问题描述】：

如何在 ASP.NET 中使用 JavaScript 将 Textbox 只读属性设置为 true 或 false？

【问题讨论】：

您可以使用 setAttribute 但它存在一些主要的浏览器问题（此处概述：reference.sitepoint.com/javascript/Element/setAttribute）。只是把它作为一种选择。

标签： javascript textbox readonly

【解决方案1】：

你可以试试

document.getElementById("textboxid").readOnly = true;

【讨论】：

这并不总是有效。请参阅下面 SteveCinq 的答案

【解决方案2】：

我发现document.getElementById('textbox-id').readOnly=true 有时不能可靠地工作。

请尝试：

document.getElementById('textbox-id').setAttribute('readonly', 'readonly') 和 document.getElementById('textbox-id').removeAttribute('readonly').

有点冗长，但似乎是可靠的。

【讨论】：

这是唯一对我有用的方法

【解决方案3】：

document.getElementById('textbox-id').readOnly=true 应该可以工作

【讨论】：

尝试在只读中小写“O”。或者，您可以尝试使用具有 true 和 false 值的“禁用”属性。这两个属性只有细微的不同 (w3.org/TR/REC-html40/interact/forms.html#adef-disabled)。

【解决方案4】：

试试这个：-

设置只读 False（可编辑文本框）

document.getElementById("txtID").readOnly=false;

设置只读为真（不可编辑）

var v1=document.getElementById("txtID");
v1.setAttribute("readOnly","true");

这也适用于 IE 和 Firefox。

【讨论】：

【解决方案5】：

使用asp.net，我相信你可以这样做：

myTextBox.Attributes.Add("readonly","readonly")

【讨论】：

【解决方案6】：

这取决于您如何触发事件。您正在寻找的关键是 textbox.clientid。

x.aspx 代码

<script type="text/javascript">

   function disable_textbox(tid) {
        var mytextbox = document.getElementById(tid);
         mytextbox.disabled=false
   }
</script>

x.aspx.cs 后面的代码

    string frameScript = "<script language='javascript'>" + "disable_textbox(" + tx.ClientID  ");</script>";
    Page.ClientScript.RegisterStartupScript(Page.GetType(), "FrameScript", frameScript);

【讨论】：

disabled 与 readOnly 不同。 disabled 不会发送元素的表单数据，而readOnly 会。