单击标签时单选按钮的空值

Question

I am having some odd behavior with a radio button , as you can see in the GIF attached.

When i click on the label the selected value gets cleared and the radio buttons will become empty with none of the values checked

I could not find the cause of the issue .

I am just using basic radio buttons

`

<tr>
    <td style="padding-left: 15px">@Html.Raw(Dashboard.ResourcesLanguage.Language.admin)</td>
    <td class="Admin-class"></td>
    <td><input class="checkbox" type="radio"    id="radioYes"  name="radioAdmin" value="Yes" /><label for="radioYes">@Html.Raw(Dashboard.ResourcesLanguage.Language.yes)</label></td>
    <td><input class="checkbox" type="radio"    id="radioNo"   name="radioAdmin" value="No" checked /><label for="radioNo">@Html.Raw(Dashboard.ResourcesLanguage.Language.no)</label></td>
    <td><input class="checkbox" type="checkbox" id="error-log" name="ErrorLog" disabled>@Html.Raw(Dashboard.ResourcesLanguage.Language.errorLog)</td>
</tr>    
<tr>
    <td style="padding-left: 15px">@Html.Raw(Dashboard.ResourcesLanguage.Language.auditor)</td>
    <td class="Auditor-class"></td>
    <td><input class="checkbox" type="radio" id="radioYesAudit" name="radioAuditor" value="Yes" /><label for="radioYes">@Html.Raw(Dashboard.ResourcesLanguage.Language.yes)</label></td>
    <td><input class="checkbox" type="radio" id="radioNoAudit" name="radioAuditor" value="No" checked /><label for="radioNo">@Html.Raw(Dashboard.ResourcesLanguage.Language.no)</label></td>
</tr>

Answer 1

You use the same label for in the radio buttons below the checkboxes. It should be

<input class="checkbox" type="radio" id="radioYesAudit" name="radioAuditor" value="Yes" />
<label for="radioYesAudit">@Html.Raw(Dashboard.ResourcesLanguage.Language.yes)</label>

Not as it is now

<input class="checkbox" type="radio" id="radioYesAudit" name="radioAuditor" value="Yes" />
<label for="radioYes">@Html.Raw(Dashboard.ResourcesLanguage.Language.yes)</label>

It is the same for the radioNoAudit radio button

Answer 2

The problem is that your Label for Radio YES, so that's why you are not seeing the radio button filled in the right place.

<td><input class="checkbox" type="radio" id="radioYesAudit" name="radioAuditor" value="Yes" /><label for="radioYesAudit">@Html.Raw(Dashboard.ResourcesLanguage.Language.yes)</label></td>
                <td><input class="checkbox" type="radio" id="radioNoAudit" name="radioAuditor" value="No" checked /><label for="radioNoAudit">@Html.Raw(Dashboard.ResourcesLanguage.Language.no)</label></td>