Рабочий пример: https://codepen.io/stevland/pen/arOEEQ.
Я использую jQuery для изменения непрозрачности соответствующей таблицы в зависимости от того, какой переключатель включен или выключен.
$('input:radio').click(function() {
$("input:radio").each(function() {
$(this).closest("table").toggleClass("highlight", $(this).is(":checked"));
});
});
Работает хорошоза исключением одного предупреждения: при посещении страницы нужно щелкнуть переключатель для запуска функции.
Я хотел бы расширить код, чтобы он работал, как только страница загружена, в зависимости от того, какой переключательуже проверено:
<input type="radio" checked />