javascript - 禁用整个表行的操作

Question

我有一个表格，其单元格中包含用户交互控件（按钮、链接等），我想将该表格的某些行“变灰”，以便禁用这些行的所有操作。

知道在 Javascript 中执行此操作的最佳方法是什么吗？

Answer 1

使用 jQuery，这会将 disabled 属性设置为<input>和<button>标记，从而禁用它们：

$("#row_id input, #row_id button").prop('disabled', true);

其中 row_id 是具有要禁用的控件的行的 ID。

对于链接，这使得当它们被点击时，什么都不会发生：

$("#row_id a").click( function (e) {
    e.preventDefault();
} );

您可能还想为它们添加一些类，以便可以不同的样式设置它们。只要问你是否想知道如何做到这一点。

在jQuery 禁用链接有一个相关问题禁用链接