2013-04-17 100 views
1

我是Javascript的初學者,我試圖創建一個動態Web按鈕,當我在文本框中鍵入一些文本時應該啓用它。未啓用動態對象

下面是代碼,但是當我在編輯框中輸入一些文本時Button未啓用。

任何人都可以在此幫助我。

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

回答

2

這是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我發現有點用(包括教程,規範文件等)。