Отключить операции всей таблицы таблицы

Question

У меня есть таблица с элементами управления взаимодействием с пользователем в ее ячейках (кнопка, ссылка и т. Д.), И я хочу «покрасить» некоторые строки этой таблицы, чтобы все операции этих строк были отключены.

Любая идея, что это лучший способ сделать это в Javascript?

Answer 1

Использование JQuery, это устанавливает отключенное свойство на <input> и <button> тегов, который отключает их:

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

Где row_id это идентификатор строки, которая имеет элементы управления, которые необходимо отключить.

Для ссылки, это делает его так, что, когда они щелкают, ничего не произойдет:

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

Возможно, вы также хотите, чтобы добавить некоторые классы для них, так что вы можете стилизовать их по-разному. Просто спросите, хотите ли вы знать, как это сделать.

Существует связанный с этим вопрос о инвалидизирующих ссылки на jQuery disable a link