在电台选择上显示/隐藏div

Question

我有3个div，其中包含带标签的单选按钮，并且在每个单选按钮下方，我希望根据是否选择了单选按钮来显示/隐藏表单。

代码思路：

<div id="radio1"></div>
<div id="form1"></div>

<div id="radio2"></div>
<div id="form2"></div>

<div id="radio3"></div>
<div id="form3"></div>

使用原型可以使任何人对实现此目标的最佳方法有任何基本想法或建议。 任何建议的脚本或链接将不胜感激。 我是原型的新手，很难掌握概念或在网上找到任何有用的东西。 从理论上讲，我认为这不会太复杂，但是在此先感谢您的帮助。

Answer 1

使用以下模式：

<div onclick="$('form1').toggle()" id="radio1"></div>
<div id="form1" style="display"none"></div>

您可以将它们链接在一起以控制其他元素：

<div onclick="$('form1').toggle();$('form2').hide();$('form3').hide()" id="radio1"></div>
<div id="form1" style="display"none"></div>

有更好的方法来执行此操作，例如选择所有具有相同类的元素，将它们隐藏，然后显示被单击的元素。 但是从初学者的角度来看，这应该做您想要的。