отключение элемента формы

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

Вы можете просто сделать

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

Answer 3

Как насчет просто:

 onclick = 'this.disabled = true;'

Answer 4

Нельзя использовать точечную запись с именем переменной. Вам следует использовать запись массива:

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