Как отключить весь элемент внутри div или таблицы с помощью jQuery

У меня есть таблица, содержащая несколько текстовых полей и кнопок. Я отключу свою таблицу с помощью jquery с помощью этого кода:

 $("#tbl").attr("disabled", "disabled");

моя таблица отключается, но когда я дважды нажимаю на кнопку, она включается, и я могу вводить символы в текстовое поле. Как я могу отключить все элементы управления внутри таблицы?

спасибо

Ответ 1

Вы должны пройти и отключить все соответствующие элементы.

$("#tbl").find("input,button,textarea,select").attr("disabled", "disabled");

Ответ 2

используйте div для слоя по всей таблице, по сути дела делая его "unclickable". Ознакомьтесь с плагином BlockUI для этого.

Подробнее об этом читайте http://malsup.com/jquery/block/#overview

или обратитесь к уже обсужденной теме Отключение элементов управления в таблице - JQuery/Javascript

Ответ 3

Я думаю, что следующий код также будет очень полезен

$("YOUR_TABLE").find("*").attr("disabled", "disabled");

Ответ 4

Пожалуйста, попробуйте

$("#tbl *").attr("disabled",disabled");

Пример:

http://jsfiddle.net/zafqd/