Javascript 仅当用户选择当前div上的单选按钮时才显示下一个div

仅当用户从当前div中选择单选按钮时，我才需要向用户显示下一个div…让我解释一下：

<h1>First question</h1>
<input type="radio" id="2" value="Dog">Dog<br>
<input type="radio" id="2" value="Cat">Cat<br>
<br>
<div id='2div'><h1>Second question</h1>
<input type="radio" id="3" value="Blue">Blue<br>
<input type="radio" id="3" value="Green">Green<br>
</div>

我有点像39 div

仅当用户选择div1上存在的两个单选按钮之一时，我才需要显示div2

我试过：

$(document).ready(function () { $('div').hide(); $("input[type=radio]").change(function() { $( '#' + $(this).attr('id') + 'div' ).show(); $('div:not(#' + $(this).attr('id') + 'tab)' ).hide(); }); }); 但它不起作用

我该怎么做？

---

谢谢

最主要的问题似乎是显示了，然后又立即隐藏了

例如，显示了2div。 但它也不是2tab，所以它是隐藏的

还请注意，在HTML中。 考虑使用A代替。 看

$function{ $input[type=radio].changefunction{ var id=$this.data'id'； $+id+“div.”显示； //$'div:not'+id+'tab'。隐藏； }; }; div{ 显示：无； } 第一个问题 狗 猫 第二个问题 蓝色 绿色 第三项质询 圆形的 广场

---

请注意，在HTML中。你可以考虑用A代替。请参阅。如果您有第三个问题，您不能复制ID。我们如何仅显示选中的第二个？您的意思是三个单选按钮中的第二个已选中？或者你指的是基于第二个问题选择的第三个问题？如果你指的是第三个问题，当你改变第一个问题的选择时会发生什么，那听起来像是一个不同的主题。但这里有一个问题。对于更健壮的解决方案，我可能会使用AJAX将选择发送到服务器端脚本，并返回相应的问题以显示。我选择了第一个问题，然后显示了第二个问题，如果选择了第二个问题，则应显示第三个问题，依此类推。我编辑了我的答案以演示第三个问题。