I am using the below code for maintaining the checked property of Html.RadiobuttonFor:
if (Model.UserSelectedOption != null)
{
foreach (var j in Model.UserSelectedOption)
{
if (j == Model.objtbl_Olist[i].Oid)
{
Model.Ischecked = "checked";
break;
}
else
{
Model.Ischecked = "false";
}
}
}
<li>
<div class="form-check">
@Html.RadioButtonFor(m=> m.objtbl_Qlist[k].SelectedOption, Model.objtbl_Olist[i].Oid, new { @class= "form-check-input", @id= Model.objtbl_Olist[i].Oid, @checked= Model.Ischecked })
<label class="form-check-label" for="@Model.objtbl_Olist[i].Oid">
@Model.objtbl_Olist[i].Options
</label>
</div>
</li>
This is the HTML I am getting on the web page:
<div class="ques mb-4">
<h5 class="mb-3">5. De la oferta comercial de la competencia internacional conoce:</h5>
<input data-val="true" data-val-number="The field Qid must be a number." data-val-required="The Qid field is required." id="objtbl_Qlist_4__Qid" name="objtbl_Qlist[4].Qid" type="hidden" value="21" />
<input id="objtbl_Qlist_4__Question" name="objtbl_Qlist[4].Question" type="hidden" value="De la oferta comercial de la competencia internacional conoce:" />
<ul class="checkbox list-unstyled">
<li>
<div class="form-check">
<input checked="checked" class="form-check-input" data-val="true" data-val-required="The SelectedOption field is required." id="151" name="objtbl_Qlist[4].SelectedOption" type="radio" value="151" />
<label class="form-check-label" for="151">
Precio
</label>
</div>
</li>
<input data-val="true" data-val-number="The field Oid must be a number." data-val-required="The Oid field is required." id="objtbl_Olist_123__Oid" name="objtbl_Olist[123].Oid" type="hidden" value="151" /><input data-val="true" data-val-required="The Options field is required." id="objtbl_Olist_123__Options" name="objtbl_Olist[123].Options" type="hidden" value="Precio" /><input data-val="true" data-val-number="The field QuestionID must be a number." data-val-required="The QuestionID field is required." id="objtbl_Olist_123__QuestionID" name="objtbl_Olist[123].QuestionID" type="hidden" value="21" /> <li>
<div class="form-check">
<input checked="false" class="form-check-input" id="152" name="objtbl_Qlist[4].SelectedOption" type="radio" value="152" />
<label class="form-check-label" for="152">
Diferenciadores
</label>
</div>
</li>
<input data-val="true" data-val-number="The field Oid must be a number." data-val-required="The Oid field is required." id="objtbl_Olist_124__Oid" name="objtbl_Olist[124].Oid" type="hidden" value="152" /><input data-val="true" data-val-required="The Options field is required." id="objtbl_Olist_124__Options" name="objtbl_Olist[124].Options" type="hidden" value="Diferenciadores" /><input data-val="true" data-val-number="The field QuestionID must be a number." data-val-required="The QuestionID field is required." id="objtbl_Olist_124__QuestionID" name="objtbl_Olist[124].QuestionID" type="hidden" value="21" /> <li>
<div class="form-check">
<input checked="false" class="form-check-input" id="153" name="objtbl_Qlist[4].SelectedOption" type="radio" value="153" />
<label class="form-check-label" for="153">
En donde tienen presencia
</label>
</div>
</li>
<input data-val="true" data-val-number="The field Oid must be a number." data-val-required="The Oid field is required." id="objtbl_Olist_125__Oid" name="objtbl_Olist[125].Oid" type="hidden" value="153" /><input data-val="true" data-val-required="The Options field is required." id="objtbl_Olist_125__Options" name="objtbl_Olist[125].Options" type="hidden" value="En donde tienen presencia" /><input data-val="true" data-val-number="The field QuestionID must be a number." data-val-required="The QuestionID field is required." id="objtbl_Olist_125__QuestionID" name="objtbl_Olist[125].QuestionID" type="hidden" value="21" /> <li>
<div class="form-check">
<input checked="false" class="form-check-input" id="154" name="objtbl_Qlist[4].SelectedOption" type="radio" value="154" />
<label class="form-check-label" for="154">
No la conozco a detalle
</label>
</div>
</li>
<input data-val="true" data-val-number="The field Oid must be a number." data-val-required="The Oid field is required." id="objtbl_Olist_126__Oid" name="objtbl_Olist[126].Oid" type="hidden" value="154" /><input data-val="true" data-val-required="The Options field is required." id="objtbl_Olist_126__Options" name="objtbl_Olist[126].Options" type="hidden" value="No la conozco a detalle" /><input data-val="true" data-val-number="The field QuestionID must be a number." data-val-required="The QuestionID field is required." id="objtbl_Olist_126__QuestionID" name="objtbl_Olist[126].QuestionID" type="hidden" value="21" /> </ul>
</div>
</div>I have taken the reference from here that we can pass "checked" in checked attribute so it can by default be checked. But now what is happening here, that I am passing "checked" value in first option but the last checkbox was always checked by default. For now, I am using "false" in rest of radiobuttons checked property. I have also tried to pass blank in rest of the three but in all of the cases only the last checkbox is set checked by default.
Can someone please help me out what am I doing wrong here and what am I unable to grasp from the reference question. What I want is that in whichever checked property I pass "checked" that radiobutton should be checked by default.
