如何使用javascript跳转到另一个div？

我正在一个问答网站上工作。当用户选择答案时，我想跳到另一个问题

以下是我的html代码：

<div id="question1" >
　　<label>What do you like：</label>
　　<input type="radio" name ="a" value="apple" >apple
　　<input type="radio" name ="a" value="banana">banana
　　<input type="radio" name ="a" value="melon">melon
</div>

---

如何实现它？

如果下一个问题在同一页上，您可以使用以下内容

location.href = "#question2";

---

您需要使用唯一的

id

属性标识每个问题。 然后，您可以通过使用

location.href=“#question2”

更改地址跳转到问题。 您可以使用下面链接中描述的方法顺利完成此转换：

---

我想我对你的问题有一个很好的解释：

HTML:

进一步解释： 起初，只有#问题1可见，其余的显示为“显示：无” 单击其中一个单选按钮可隐藏当前问题，并根据答案显示下一个问题

使用“for-loops”ect可以更有效地压缩这些内容。但对于一个小规模的项目，这将是一个关键

location.href = "#question2";

  <label>What do you like：</label>
  <input type="radio" name="a" value="apple" onclick="check()" />apple
  <input type="radio" name="a" value="banana" onclick="check()" />banana
  <input type="radio" name="a" value="melon" onclick="check()" />melon
</div>
<div id="question2" style="display: none;">
  <label>What do you like：</label>
  <input type="radio" name="a" value="Lorem" />Lorem
  <input type="radio" name="a" value="Ipsum" />Ipsum
  <input type="radio" name="a" value="Dolor" />Dolor
</div>
<div id="question3" style="display: none;">
  <label>What do you like：</label>
  <input type="radio" name="a" value="Lorem" />Lorem
  <input type="radio" name="a" value="Ipsum" />Ipsum
  <input type="radio" name="a" value="Dolor" />Dolor
</div>
<div id="question4" style="display: none;">
  <label>What do you like：</label>
  <input type="radio" name="a" value="Lorem" />Lorem
  <input type="radio" name="a" value="Ipsum" />Ipsum
  <input type="radio" name="a" value="Dolor" />Dolor
</div>

var a = document.getElementsByName("a");
var questionNum = 0;

//Get every question by ID
var question1 = document.getElementById("question1");
var question2 = document.getElementById("question2");
var question3 = document.getElementById("question3");
var question4 = document.getElementById("question4");

//This function runs onclick of the radio-button
function check() {
  if (a[0].checked) {
    //Hide question 1, display question 2
    question1.style.display = "none";
    question2.style.display = "block";
  }
  if (a[1].checked) {
    //Hide question 1, display question 3
    question1.style.display = "none";
    question3.style.display = "block";
  }
  if (a[2].checked) {
    //Hide question 1, display question 4
    question1.style.display = "none";
    question4.style.display = "block";
  }
}