在電台選擇上顯示/隱藏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>

有更好的方法來執行此操作，例如選擇所有具有相同類的元素，將它們隱藏，然后顯示被單擊的元素。 但是從初學者的角度來看，這應該做您想要的。