我如何根据先前的答案来呈现下一个问题

问题描述

<body>
<div id="hobbie">
  <input type="radio" name="hobbie" value="movie">movie</movie>
  <input type="radio" name="hobbie" value="game">games</movie>
  <input type="radio" name="hobbie" value="sport">sports</movie>
</div>
<hr>
<hr>
<div id="genre">
  <input type="radio" name="movie" value="action">action</movie>
  <input type="radio" name="movie" value="adventure">adventure</movie>
  <input type="radio" name="movie" value="time">time</movie>
</div>
<hr>
<div id="game">
  <input type="radio" name="game" value="gta">GTA</movie>
  <input type="radio" name="game" value="fpp">FPP</movie>
  <input type="radio" name="game" value="sports">sport</movie>
</div>
<hr>
<div id="sport">
  <input type="radio" name="sport" value="cricket">cricket</movie>
  <input type="radio" name="sport" value="football">football</movie>
  <input type="radio" name="sport" value="tennis">tennis</movie>
</div>
<hr>
<hr>
</body>

我上面写了针对不同兴趣的HTML代码，输入类型是单选按钮供选择

我想要一个JavaScript / jquery代码，该代码可以获取我选择的收音机，并应根据下一个问题进行渲染例如，如果我选择电影，那么具有流派ID的div应该渲染下一个

我希望您能以一个普通的方式回答我的问题，请问有人能帮助我吗？

解决方法

一个简单的例子可能是这样的：

$('#game,#movie,#sport').hide();
$('#hobbie input').change(function() {
  $('#game,#sport').hide();
  $('#' + $(this).val()).show();
})

但是，正如我在评论中所写，您的代码中存在一些您应该添加的问题。

我还建议您将标签与输入内容结合使用，以便您不仅可以单击单选按钮，还可以单击文本。

像这样：

<input type="radio" id="inputmovie" name="hobbie" value="movie">
<label for="inputmovie" >movie</label

演示

$('#game,#sport').hide();
  $('#' + $(this).val()).show();
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="hobbie">
  <input type="radio" name="hobbie" value="movie">movie
  <input type="radio" name="hobbie" value="game">games
  <input type="radio" name="hobbie" value="sport">sports
</div>
<hr>
<hr>
<div id="movie">
  <input type="radio" name="movie" value="action">action
  <input type="radio" name="movie" value="adventure">adventure
  <input type="radio" name="movie" value="time">time
</div>
<hr>
<div id="game">
  <input type="radio" name="game" value="gta">GTA
  <input type="radio" name="game" value="fpp">FPP
  <input type="radio" name="game" value="sports">sport
</div>
<hr>
<div id="sport">
  <input type="radio" name="sport" value="cricket">cricket
  <input type="radio" name="sport" value="football">football
  <input type="radio" name="sport" value="tennis">tennis
</div>

html javascript

我如何根据先前的答案来呈现下一个问题

问题描述

解决方法

相关问答