如果单选按钮被选中，向上滚动到单选的第一行

Question

我有一长串单选按钮。我正在寻找一个解决方案，如果一个单选按钮被选中，页面滚动到单选按钮的开始。

细节:

我有一个这样的单选按钮列表:

<div class="form-check">
<input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault1">
<label class="form-check-label" for="flexRadioDefault1">
Default radio
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault2" checked>
<label id="divtwo" onclick="myMenu()" class="form-check-label" for="flexRadioDefault2">
Default checked radio
</label>
</div>

Js文件:

function myMenu() { document.getElementById("divFirst").scrollIntoView(); }

我正在寻找一个解决方案，如果用户单击第一个单选按钮，那么页面滚动到开始。它不滚动，而我点击，虽然我添加了onclick.

Answer 1

onclick="myMenu()"应该在复选框上而不是在Label:

<input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault2" onclick="myMenu()">