how can i separate radio button dev Q1 and dev Q2.
the circle always move to next Question.
When i click the radio button on first question the circle in the radio button move to second questions
So this is my code
<div class="Main-value ">
<div class='sub-main1'>
<h1 class>Educational Value</h1>
<fieldset>
<div class='Q1'>
<h2 class="text-center text-2xl tracking-tight text-gray-900 sm:text-1.5xl">Jomblang Cave has its own characteristics that are different from other caves</h2>
<div class="Quest1">
<div class="form-check">
<input type="radio" class="form-check-input" value="SD" name="radionExam" id="SD" >
<label for="SD">
Strongly Disagree
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" value="D" name="radionExam" id="D">
<label for="D">
Disagree
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" value="N" name="radionExam" id="N" >
<label for="N">
Neutral
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" value="A" name="radionExam" id="A">
<label for="A">
Agree
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" value="SA" name="radionExam" id="SA">
<label for="SA">
Strongly Diasgree
</label>
</div>
</div>
</div>
</div>
</div>
</fieldset>
<fieldset>
<div class='Q2'>
<h2 class="text-center text-2xl tracking-tight text-gray-900 sm:text-1.5xl">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ut mollitia eligendi corporis asperiores nihil, accusantium fuga adipisci aliquam in, perspiciatis ea accusamus minima consequatur non ex quis cupiditate sunt dolor!</h2>
<div class="Quest1">
<div class="form-check">
<input type="radio" class="form-check-input" value="SD" name="radionExam" id="SD" >
<label for="SD">
Strongly Disagree
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" value="D" name="radionExam" id="D">
<label for="D">
Disagree
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" value="N" name="radionExam" id="N" >
<label for="N">
Neutral
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" value="A" name="radionExam" id="A">
<label for="A">
Agree
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" value="SA" name="radionExam" id="SA">
<label for="SA">
Strongly Diasgree
</label>
</div>
</div>
</div>
</div>
</div>
</fieldset>
so this is my HTML Code, is JScipt needed to separate radio buttons?
I have to make each question have its own circle. when i move to next question my record on first radio button not disappear