RadioButtonFor helper creates buttons with the same id, but I want to apply JQuery

Question

I created with Razor 3 radiobuttons:

@Html.RadioButtonFor(model => model.SelectType, "Checking")
@Html.RadioButtonFor(model => model.SelectType, "Funds") 
@Html.RadioButtonFor(model => model.SelectType, "MoneyMarket")

Razor created the following HTML:

<input id="SelectType" name="SelectType" type="radio" value="Checking" /> 
<input id="SelectType" name="SelectType" type="radio" value="Funds" /> 
<input id="SelectType" name="SelectType" type="radio" value="MoneyMarket" /> 

Now I want to use JQuery to hide some options depending on which RadioButton was checked. I cannot do it, because each radiobutton has the same Id. Any ideas how to solve this problem?

Thanks,

z

Answer 1

As tymeJV said just assign the id manually.

@Html.RadioButtonFor(model => model.SelectType, "Checking", new { id = "rbChecking" })