How to override the "name" HtmlAttribute of Razor

Question

    @Html.RadioButtonFor(Model => Model.Location, "Location")
    @Html.LabelFor(Model=>Model.Location,"Location")
    @Html.RadioButtonFor(Model=>Model.Model,"Model")
    @Html.LabelFor(Model=>Model.Model,"Model")
    @Html.RadioButtonFor(Model=>Model.MovableUnit,"MU")
    @Html.LabelFor(Model=>Model.MovableUnit,"MU")




   <input id="Location" name="Location" type="radio" value="Location" />
    <label for="Location">Location</label>
    <input id="Model" name="Model" type="radio" value="Model" />
    <label for="Model">Model</label>
    <input id="MovableUnit" name="MovableUnit" type="radio" value="MU" />
    <label for="MovableUnit">MU</label>

How to have a common name="radiobtn" for all the above Radio buttons? The problem is I want to select only one radio button at a time, but in this case all are selectable at the same time.

@Html.RadioButtonFor(Model => Model.Location, "LOC",new { @Name="Location"}) @Html.RadioButtonFor(Model => Model.Model_Number, "MOD", new { @Name="Location"}) @Html.RadioButtonFor(Model => Model.MovableUnit, "MU", new { @Name="Location"}) — Vivek Ranjan
– Vivek Ranjan, Commented Jun 2, 2014 at 13:28
I have three controller parameters Location,Model_Number,MovableUnit.Which one to use as Name attribute?? — Vivek Ranjan
– Vivek Ranjan, Commented Jun 2, 2014 at 13:33

zdarsky.peter · Accepted Answer · 2015-07-28 11:57:32Z

32

Just create a dummy property in your Model class like, public string Dummy{get; set;}

@Html.RadioButtonFor(Model => Model.Location, "LOC", new { @Name = "Dummy"})
@Html.RadioButtonFor(Model => Model.Model_Number, "MOD", new { @Name = "Dummy" })
@Html.RadioButtonFor(Model => Model.MovableUnit, "MU", new { @Name = "Dummy" })

Get the value "LOC", "MOD", "MU" using property name 'Dummy'.

edited Jul 28, 2015 at 11:57

zdarsky.peter

6,2879 gold badges43 silver badges61 bronze badges

answered Jun 9, 2014 at 14:23

Vivek Ranjan

1,4922 gold badges15 silver badges38 bronze badges

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

3 Comments

bowerm Over a year ago

Note... @Name is case sensitive.

user1751825 Over a year ago

This works, but it's very hacky. If you check the source, you'll see there are now 2 attributes, "Name" and "name". It's just a browser quirk that "Name" happens to take precedence.

HomeMade Over a year ago

Having two same attributes means if they ever change how browsers behave, this will stop working or start missbehaving

Joanvo · Accepted Answer · 2014-05-29 08:07:56Z

5

Use the function without "for", then you can specify the name:

@Html.RadioButton("newname", "value", new { @id="oldname" })

answered May 29, 2014 at 8:07

Joanvo

5,8272 gold badges27 silver badges36 bronze badges

5 Comments

Joanvo Over a year ago

I tested it and it works. Make sure you are using RadioButton(..) instead of RadioButtonFor(..), and that you are passing a string as the name parameter in the function.

Joanvo Over a year ago

I'm afraid you can't do that. Check this out: stackoverflow.com/questions/10716468/…

Vivek Ranjan Over a year ago

@Html.RadioButtonFor(Model => Model.Location, "LOC", new { @Name = "n1" }) @Html.LabelFor(Model => Model.Location, "Location") Doing so for three different radio button,only 1 is selectable but the value is not passed to controller from view.

Joanvo Over a year ago

Make sure your controller's parameter name matches the name you are giving (n1)

Vivek Ranjan Over a year ago

Dude ! But my other Controller parameters are getting the same value.

Collectives™ on Stack Overflow

How to override the "name" HtmlAttribute of Razor

2 Answers 2

3 Comments

5 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

5 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related