使用 javascript 启用文本框答案

【问题标题】：Enabling text box using javascript使用 javascript 启用文本框
【发布时间】：2013-05-07 09:27:56
【问题描述】：

我关注最初禁用的文本框：

<input id="txtCustFName" name="txtRCustFName" type="text" required disabled="true"/>

点击下面的锚标签我调用js来启用上面的文本框： HTML： 启用

JS：

EnableTxt()
{
    document.getElementById("txtCustFName").disabled = false;
}

但是这段代码不起作用。我无法启用文本框。

我该怎么做？

【问题讨论】：

解决办法贴在这里：stackoverflow.com/questions/8484181/…

标签： c# javascript html asp.net css

【解决方案1】：

您可以使用此启用/禁用：

function EnableTxt() {
       document.getElementById( '<%=txtRCustFName.ClientID%>' ).disabled = 'false';
   }

【讨论】：

为什么引号之间是false？

【解决方案2】：

删除有效的属性允许我编辑文本框的内容：

document.getElementById("questionnaireText").removeAttribute("disabled");

要将文本框设置为disabled，请使用：

document.getElementById("questionnaireText").setAttribute("disabled", true);

【讨论】：

【解决方案3】：

试试这个：-

document.getElementById("txtCustFName").setAttribute("disabled", false);

【讨论】：

【解决方案4】：

您可以通过使用 java 脚本设置样式来做到这一点

例如：

document.getElementById("txtCustFName").setAttribute("style", "disabled:disabled");

【讨论】：

【解决方案5】：

JavaScript

function myfunction(event) {
            alert('some anchor clicked');
            $('#txtCustFName').prop("disabled",false);
            return false;
      };
$(document).ready(function(){
          $('#myanchorid').click(myfunction);
          $('a.anchorclass').click(myfunction);
          $('#anchorlist > a').click(myfunction);
});

HTML

<html xmlns="http://www.w3.org/1999/xhtml" >
<script type="text/javascript" id="Script1" src="jquery-1.8.2.min.js"></script>
<script type="text/javascript" id="myScript" src="myScript.js"></script>

<head runat="server">
    <title>Untitled Page</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <a id="myanchorid" href="#">Click Me</a><br />
    <a class="anchorclass" href="#">Click Me</a><br />
<input id="txtCustFName" name="txtRCustFName" type="text" required disabled="true"/><br />
    <div id="anchorlist">
          <a href="#">Click Me</a>
          <a href="#">Click Me</a>
          <a href="#">Click Me</a>
    </div>
    </div>
    </form>
</body>
</html>

试试这个....这将解决您的问题...

【讨论】：

【解决方案6】：

试试这个：

function EnableTxt() {
   $("#txtCustFName").prop("disabled", false);
}

这里的“prop”用于标签的属性/属性。

【讨论】：

【解决方案7】：

你应该使用文本框的属性。

jQuery:

($this.attr('disabled')) $this.removeAttr('disabled');

请注意，IE6 不支持此功能

【讨论】：

为什么在一个简单的 js 问题上使用 jQuery？