隐藏不使用 id 的 HTML 表单元素

Question

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <h2>Question 1</h2> <div> </div> <div> <input type="radio" name="name_radio1" value="value_radio1" onclick=$().hide(); />Audio Question <input type="radio" name="name_radio1" value="value_radio2" onclick=$().hide(); />Image Question <input type="radio" name="name_radio1" value="value_radio3" onclick=$().hide(); />Standard Question </div> <div align="center" style="padding:25px;width: 300px;"> <input name="question" size="35" class="standardQuestion" type="text" value="" /> <br> <input name="audioFile" class="audioFile" type="file" /> <br> <br> <textarea name="message" rows="10" cols="20"> </textarea> <br> <input name="imageFile" class="imageFile" type="file" /> <br> </div> <div> <h2>Question 2</h2> <div> </div> <div> <input type="radio" name="name_radio1" value="value_radio1" onclick=$().hide(); />Audio Question <input type="radio" name="name_radio1" value="value_radio2" onclick=$().hide(); />Image Question <input type="radio" name="name_radio1" value="value_radio3" onclick=$().hide(); />Standard Question </div> <div align="center" style="padding:25px;width: 300px;"> <input name="question" size="35" class="standardQuestion" type="text" value="" /> <br> <input name="audioFile" class="audioFile" type="file" /> <br> <br> <textarea name="message" rows="10" cols="20"> </textarea> <br> <input name="imageFile" class="imageFile" type="file" /> <br> </div> <div>

`我正在尝试添加到其他人启动的 HTML 测验编辑器中，该编辑器允许我添加 1 到 n 个问题。 测验问题可以基于录音、图像或纯文本。 如果问题是基于音频/图像/文本的问题，我只需要显示与基于音频/图像/文本的问题相关的 HTML 表单元素。 编辑器的用户可以更改/更新/删除测验中的问题，因此可以将音频问题更改为基于图像或文本的问题。 如果通过单选按钮更改问题类型，则需要显示该问题类型的相应控件。

例如...

问题 1
Radio ImageQuestion Radio AudioQuestion Radio TextQuestion
文本框 1（仅在选中单选按钮 ImageQuest 时显示）
文件（仅在选中单选按钮音频问题时显示）
文本框 2（仅在选中单选按钮 TextQuest 时显示）

问题 2（与上述相同的要素）....
问题 N（与上述相同的要素）

虽然每个问题都有相同的 HTML 表单元素，但每个问题中的数据应该是独立的，所以当我隐藏问题 1 的一些控件时，因为用户单击了那里的特定单选按钮，它不应该影响问题 2 显示的内容N。

我想使用的关键约束是不使用 id，因为我正在处理的代码已经完成了一半，并且已经在没有 id 的情况下实现了。 而且我无法对 ID 进行硬编码，因为我不知道实际需要多少个 ID。 添加 id 将是一个重大变化，但如果这是唯一合理的方法或显然是可以实现的最佳方法，请告诉我。 任何关于最佳方法的建议将不胜感激。 现在代码正在使用 jquery/javascript，我想坚持使用它和基本的 html/css。 我根据我的研究推测我可能需要使用像 .parent().find("a specific class") 和 onclick 事件这样的代码，但我不确定这是否是正确的方法，甚至是可行的. 谢谢。

Answer 1

你想在没有 javascript 的情况下做到这一点吗？