禁用表單元素

Question

我想單擊按鈕時禁用它。這裏是我的代碼：

var disable = function(form_name,btn_name) { 
    document.form_name.btn_name.disabled = true; 
} 

這是disable()怎麼叫：

<form name = 'form1'> 
    <input name = 'btn1' type = 'button' disabled = false onclick = 'disable("form1","btn1")' /> 
</form> 

此代碼不能正常工作。有誰知道爲什麼？

Answer 1

因爲

document.form_name.btn_name.disabled = true; 

是一樣的做

document['form_name']['btn_name'].disabled = true; 

你需要做的

document[form_name][btn_name].disabled = true; 

Answer 2

您不能使用變量名稱的點符號，你應該用數組表示法：

var disable = function(form_name,btn_name) { 
    document[form_name][btn_name]["disabled"] = true; 
} 

Answer 3

如何只：

onclick = 'this.disabled = true;' 

Answer 4

你可以做

<form name='form1'> 
    <input name='btn1' type='button' disabled='false' onclick='this.disabled = true' /> 
</form>