Показать / скрыть дочернюю таблицу (html) на переключателе выбора в основной таблице

Question

У меня есть требование, чтобы при выборе переключателя в основной таблице дочерняя таблица должна отображаться ниже.Любая помощь?

---

Спасибо за ответ, это мое действительное требование. У меня есть две таблицы атрибутов элементов и значений атрибутов элементов.Нажатие атрибутов Item (т. Е.), Например: флажок высоты билета, должен отображаться дочерняя таблица высоты билета.Аналогично, будет 10 атрибутов элемента и соответствующие значения атрибутов элемента.Поэтому при нажатии на каждый атрибут элемента должна отображаться таблица значений дочерних атрибутов.

Answer 1

Добавить идентификатор в дочернюю таблицу.

<table id=`childTable`>
...
</table>

Добавить обработчик onclick к переключателю

<input type="radio" name="radShowChild" onclick=showHideChild()>

Добавить функцию javascript, чтобы скрыть

function showHideChild()
{
   document.getElementById("childTable").style.visibility = "visible" ? "hidden" : "visible";
}

Если вы хотите отобразить определенные «дочерние» таблицы на основе выбранной радиокнопки, передайте идентификатор дочерней таблицы в качестве параметра функции showHideChild().