Question

＆＃13;

<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>

＆＃13;

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

例如......

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

问题2（与上述内容相同） ....
问题N（与上述元素相同）

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

我想要使用的关键约束是不使用id，因为我正在处理的代码已经完成了一半并且已经实现而没有id。我不能硬编码id，因为我不知道实际需要多少。添加id是一个重大的改变，但如果这是唯一合理的方式，或者显然是最好的方法，请告诉我。任何有关最佳方法的建议都将受到赞赏。现在代码使用jquery / javascript，我想坚持使用基本的html / css。我根据我的研究推测，我可能需要使用像.parent（）。find（＆＃34;一个特定的类＆＃34;）和onclick事件这样的代码，但我不确定这是否正确采取的方法，甚至是可行的。感谢。

Answer 1

您是否尝试在没有javascript的情况下执行此操作？

隐藏HTML表单元素而不使用id＆＃39; s

1 个答案: