Set Checked in Radio Button based on enum in the model

Question

I've been playing around with various ways to set the checked property on a Radio Button based on an enum in the model, but can't seem to get it right...

@foreach (LeadPriceAdjustmentItem state in Model.LeadPriceAdjustmentList)
{
....

<input 
    type="radio" 
    name="direction_@state.StateCode" 
    id="direction_@state.StateCode" 
    @if (state.Direction == LeadPriceAdjustmentDirection.Up) { checked } /> Up

}

On the last } I am being told:

Expected {

Pretty sure I'm missing something obvious, but I'm not spotting it.

You might see [How to set a CheckBox by default Checked in ASp.Net MVC](http://stackoverflow.com/a/16435476/2026740) — Daniel Corzo, Jan 17 '17 at 19:34
Just bind the radio buttons to your model property using `RadioButtonFor()` and the correct button will be selected - `@Html.RadioButtonFor(m => m.yourProperty, state)` and if the value of `yourProperty` is `LeadPriceAdjustmentDirection.Up` then that radio button will be selected — , Jan 17 '17 at 20:41

Ehsan Sajjad · Answer 1 · 2017-01-17T19:49:34.157

3

Your syntax for writing writing server side code within the html of view is not completely correct, though you are close enough, you need to write it this way:

<input 
    type="radio" 
    name="direction_@state.StateCode" 
    id="direction_@state.StateCode" 
    @(state.Direction == LeadPriceAdjustmentDirection.Up ? "checked='checked'" : "")/>

edited Jan 17 '17 at 19:49

answered Jan 17 '17 at 19:40

Ehsan Sajjad

61,834
16
105
160

yea, I actually had that earlier, but on "checked='checked'" I get "can't convert string to bool" – Casey Crookston Jan 17 '17 at 19:44
Ah. Your second ? needs to be a : – Casey Crookston Jan 17 '17 at 19:47

score 2 · Answer 2 · answered Jan 17 '17 at 19:50

2

<input type="radio"
    name="direction_@state.StateCode"
    id="direction_@state.StateCode"
    @(state.Direction == LeadPriceAdjustmentDirection.Up ? "checked" : "") /> Up

answered Jan 17 '17 at 19:50

Casey Crookston

13,016
24
107
193

score 2 · Accepted Answer · edited Mar 09 '23 at 20:46

Razor is not perfect. It works like you "think" it should work MOST of the time. But, such as in this case, you need to add additional syntax for it to recognize "checked" or "checked='checked'" as a string. The easiest way is

<input 
    type="radio" 
    name="direction_@state.StateCode" 
    id="direction_@state.StateCode" 
    @(state.Direction == LeadPriceAdjustmentDirection.Up ? <text>checked='checked'</text> ? "")/>

or

<input 
    type="radio" 
    name="direction_@state.StateCode" 
    id="direction_@state.StateCode" 
    @(state.Direction == LeadPriceAdjustmentDirection.Up ? <text>checked</text> ? "")/>

Additionally, you can use Html.Raw

<input 
    type="radio" 
    name="direction_@state.StateCode" 
    id="direction_@state.StateCode" 
    @(state.Direction == LeadPriceAdjustmentDirection.Up ? Html.Raw("checked='checked'"); ? "")/>

Basically, Razor is trying to parse out the "checked" string as a server-side command. And you need to tell it that it is just raw content.

Set Checked in Radio Button based on enum in the model

3 Answers3