如何使用jQuery禁用div或表中的所有Element

Question

我有一个包含多个文本框和按钮的表。我通过以下代码使用jquery禁用我的表：

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

我的桌子被禁用但是当我双击按钮时它会启用，我也可以在我的文本框中输入字符。我怎样才能禁用表格内的所有控件？

感谢

Answer 1

您必须遍历并禁用所有相关元素。

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

Answer 2

使用div来覆盖整个表格，基本上使其“无法点击”。检查BlockUI插件。

在http://malsup.com/jquery/block/#overview

上详细了解相关信息

或参考已讨论的主题 Disabling controls within a table - JQuery/Javascript

Answer 3

我认为以下代码也非常有用

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

Answer 4

请试试这个

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

例如：

http://jsfiddle.net/zafqd/