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

我有一个包含几个文本框和按钮的表。我通过以下代码使用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

或者参考已讨论的主题禁用表中的控件 – JQuery / Javascript

Answer 3

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

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

Answer 4

请试试这个

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

例如：

http://jsfiddle.net/zafqd/