Question

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

Answer 1

以下是EXAMPLE如何实现这一目标。您将在下面注意到我已删除了您的内联事件处理程序;这将使您的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并且正在寻找资源，我会将a small page of links放在一起，我发现它有些帮助（包括教程，规范文档等）。

动态对象未启用

1 个答案: