Afficher/Masquer la table enfant (html) sur le bouton radio de sélection dans la table principale

Question

J'ai une exigence où, lors de la sélection du bouton radio dans la table principale, une table enfant doit apparaître ci-dessous. De l'aide?

---

Merci pour la réponse, ceci est mon exigence réelle.J'ai deux tables des attributs d'article et des valeurs d'attributs d'article. Enclenchement des attributs d'élément (par exemple): case à cocher hauteur du ticket la table enfant de la hauteur du ticket doit s'afficher. Comme sage il y aura 10 attributs d'article et ses valeurs d'attribut d'article respectives. Ainsi, en cliquant sur chaque attribut d'élément, la table de valeur d'attr de l'enfant devrait s'afficher.

Answer 1

Ajoutez un ID à la table enfant.

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

Ajouter un gestionnaire onclick du bouton radio

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

Ajouter une fonction javascript pour faire le cacher

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

Si vous souhaitez afficher les tables "enfants" spécifiques en fonction de la bouton radio sélectionné, transmettez l'ID de table enfant en tant que paramètre à la fonction showHideChild().