禁用表单元素

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>