Javascript 如何使用jQuery禁用div或表中的所有元素

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

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

我的表格将被禁用，但当我双击按钮时，它将变为启用，我也可以在文本框中输入字符。如何禁用表内的所有控件

---

谢谢

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

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

请试试这个

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

例：

---

使用div在整个表上分层，基本上使其“不可读取”。为此签出BlockUI插件

阅读更多关于它的网页

或者参考已经讨论过的主题

---

我认为下面的代码也会非常有用

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

---

我的建议是遍历表中的所有子元素并禁用它们。这是否也会禁用#tbl，还是这是独立的？在表上指定disabled没有任何意义：使用

$（“#tbl:input”）.attr（“disabled”，“disabled”）

To gdoron:input是jQuery扩展，不是CSS规范的一部分，因此使用：input的查询无法利用本机DOM querySelectorAll（）方法提供的性能提升。为了在使用：input选择元素时获得最佳性能，首先使用纯CSS选择器选择元素，然后使用.filter（“：input”）Gads no。不仅如此，它还将禁用属性应用于随机事件，例如

，
，
使用
$（“#tbl:input”）.attr（“禁用”、“禁用”）;