使用javascript启用文本框

本文关键字：文本 启用 javascript 使用 | 更新日期: 2023-09-27 18:13:13

我已经将以下文本框设置为禁用:

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

on点击下面的锚标签，我正在调用js来启用上面的文本框:HTML: 使

JS: 

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

但是这个代码不能工作。我无法启用文本框。

我该怎么做?

使用javascript启用文本框

去掉这个属性可以让我编辑文本框的内容:

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

设置文本框为disabled，使用:

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

启用/禁用

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

试试这个:- 

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

您可以使用Java脚本设置样式

例如:

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

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>

试试这个…

试试这个:

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

这里"prop"是用来表示标签的属性。

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

jQuery: 

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

请注意IE6不支持

相关文章：