Razor Syntax Dynamically Name HTML Elements

Question

I have a form that creates a number of checkbox elements using Razor code like this

   foreach (var tag in Model.Tags)
    {
        <input type="checkbox" id="@tag.ID" name="@tag.ID" value="@tag.TagName"/>@tag.TagName<br /
    }

This works but I want the ID's and names to be in this format chkTag[TagID] I've tried this

<input type="checkbox" id="[email protected]" name="[email protected]" value="@tag.TagName"/>

but Razor just treats the whole thing as string and names them [email protected].

So I guess my question is how do I add the dynamic razor ID to the end of my Name and ID's?

Thanks

why dont you use Html.CheckBoxFor, and specify the name html attribute? and furthermore, use an editor template and save the foreach loop. — RPM1984
– RPM1984, Commented Jul 27, 2011 at 7:44

mbomb007 · Accepted Answer · 2015-11-24 17:12:48Z

43

You should use parentheses around tag.ID, like this:

chkTag@(tag.ID)

Full code:

foreach (var tag in Model.Tags)
{
    <input type="checkbox" id="chkTag@(tag.ID)" name="chkTag@(tag.ID)" value="@tag.TagName"/>
}

mbomb007

4,3913 gold badges51 silver badges79 bronze badges

answered Jul 27, 2011 at 6:44

5,1202 gold badges41 silver badges45 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Kevin Cloet · Accepted Answer · 2011-07-27 06:45:40Z

4

@for (int i = 0; i < Model.Tags.Count(); i++)
{

        @Html.CheckBoxFor(model => Model.Tags[i])

}

This should do it normally. It will automatically give the correct name.

answered Jul 27, 2011 at 6:45

Kevin Cloet

2,9761 gold badge21 silver badges36 bronze badges