1

我是 Javascript 的初学者,我正在尝试创建一个动态 Web 按钮,当我在文本框中键入一些文本时应该启用该按钮。

下面是代码,但是当我在编辑框中输入一些文本时,按钮未启用。

任何人都可以在这方面帮助我。

<html>
<form>
<input onkeyup="EnableThis(this, document.getElementsByName('btnReplayType')[0])"name="txtReplayType" size="20" type="text"/>
<input onclick="alert(document.getElementsByName('txtReplayType')[0].value)" disabled="65535" name="btnReplayType" size="20" type="button" value="Type and enable me" />
</form>
</html>
4

1 回答 1

2

这是一个如何实现的示例。您会在下面注意到我已经删除了您的内联事件处理程序;这将使您的 HTML 更具可读性并且是更好的实践。

HTML

<form>
  <input name="txtReplayType" size="20" type="text"/>
  <input name="btnReplayType" size="20" type="button" value="Type and enable me" disabled />
</form>

JavaScript

var text = document.getElementsByName('txtReplayType')[0],
    button = document.getElementsByName('btnReplayType')[0];

text.onkeyup = function(){
    if(this.value !== ""){
        button.disabled = false;
    }
    else{
        button.disabled = true;
    }
};

button.onclick = function(){
    alert(text.value);
};

如果您是 JavaScript 新手并正在寻找资源,我整理了一小页链接,我发现这些链接有些帮助(包括教程、规范文档等)。

于 2013-04-17T17:22:17.493 回答