Radio Button ambiguity issue.
We have assessment which contains different questions but same answers options like Yes or No for all the questions.
for question 1 the radio button Option Yes and No html is generated like below and I have selected answer as No.
<div>
<span class="col-1">
<input name="$PpyTempWorkPage$pQuestionList$gQ4LEvalIntroState$pAnswerList$l1" class="Radio" id="Yes" style="vertical-align: middle;" type="radio" value="Yes" data-click="...">
<label title="" class="rb_ rb_standard radioLabel" for="Yes" data-click="...">Yes</label>
</span>
</div>
<div>
<span class="col-1">
<input name="$PpyTempWorkPage$pQuestionList$gQ4LEvalIntroState$pAnswerList$l1" class="Radio" id="No" style="vertical-align: middle;" type="radio" value="No" data-click="...">
<label title="" class="rb_ rb_standard radioLabel" for="No" data-click="...">No</label>
</span>
</div>
for question 2 the radio button Option Yes and No html is generated like below.
We have assessment which contains different questions but same answers options like Yes or No for all the questions.
for question 1 the radio button Option Yes and No html is generated like below and I have selected answer as No.
<div>
<span class="col-1">
<input name="$PpyTempWorkPage$pQuestionList$gQ4LEvalIntroState$pAnswerList$l1" class="Radio" id="Yes" style="vertical-align: middle;" type="radio" value="Yes" data-click="...">
<label title="" class="rb_ rb_standard radioLabel" for="Yes" data-click="...">Yes</label>
</span>
</div>
<div>
<span class="col-1">
<input name="$PpyTempWorkPage$pQuestionList$gQ4LEvalIntroState$pAnswerList$l1" class="Radio" id="No" style="vertical-align: middle;" type="radio" value="No" data-click="...">
<label title="" class="rb_ rb_standard radioLabel" for="No" data-click="...">No</label>
</span>
</div>
for question 2 the radio button Option Yes and No html is generated like below.
<div>
<span class="col-1">
<input name="$PpyTempWorkPage$pQuestionList$gQ4LSAT1City$pAnswerList$l1" class="Radio" id="Yes" style="vertical-align: middle;" type="radio" value="Yes" PN=".AnswerList$l1">
<label title="" class="rb_ rb_standard radioLabel" for="Yes">Yes</label>
</span>
</div>
<div>
<span class="col-1">
<input name="$PpyTempWorkPage$pQuestionList$gQ4LSAT1City$pAnswerList$l1" class="Radio" id="No" style="vertical-align: middle;" type="radio" value="No" PN=".AnswerList$l1">
<label title="" class="rb_ rb_standard radioLabel" for="No">No</label>
</span>
</div>
So now when I click on Yes option label of Question 2 then Question 1 Option is changed to Yes.Looks like this is because of same section containing same radio element with same label for attribute and same radio input value.
Is there any fix for this.
Thanks...!