动态对象未启用

Dynamic Object Not Enabled

本文关键字：启用 对象 动态      更新时间：2023-09-26

我是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>

这里有一个示例说明如何完成此操作。你会注意到下面我删除了内联事件处理程序;这将使您的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的新手，并且正在寻找资源，我已经把我发现的一些有用的链接放在一起(包括教程，规范文档等…)

相关文章：