Use radio button in the Razor view?

Question

I want to use two radio buttons to check whether the user registration type is customer or business. So for that i have coded the View.cshtml file as in
this image

But I'm getting an unexpected output. It's not displaying the radio button.showing only text instead

Here is my code:

    @model FoodieWeb.Models.UsersModel

@{
    ViewBag.Title = "UserRegister";
    Layout = "~/Views/Shared/_Layout.cshtml";
}



@using (Html.BeginForm("UserRegister", "UserRegister", FormMethod.Post, new { @class = "form-horizontal", role = "form" })) 
{
    @Html.AntiForgeryToken()

    
        Register as a new Member
        
        @Html.ValidationSummary("", new { @class = "text-danger" })

        
            Email*
            
                @Html.EditorFor(model => model.email, new { @class = "form-control" })
                @Html.ValidationMessageFor(model => model.email)
            
        

        
            First Name*
            
                @Html.EditorFor(model => model.fname)
                @Html.ValidationMessageFor(model => model.fname)
            
        

        
            Last Name*
            
                @Html.EditorFor(model => model.lname)
                @Html.ValidationMessageFor(model => model.lname)
            
        

        
            Phone*
            
                @Html.EditorFor(model => model.phone)
                @Html.ValidationMessageFor(model => model.phone)
            
        

        @*
                @Html.LabelFor(model => model.photo, new { @class = "col-md-2 control-label" })
                
                    @Html.EditorFor(model => model.photo)
                    @Html.ValidationMessageFor(model => model.photo)
                
            *@

        
            Address*
            
                @Html.EditorFor(model => model.address)
                @Html.ValidationMessageFor(model => model.address)
            
        

        
            City*
            
                @Html.EditorFor(model => model.city)
                @Html.ValidationMessageFor(model => model.city)
            
        

        
            Post Code*
            
                @Html.EditorFor(model => model.postcode)
                @Html.ValidationMessageFor(model => model.postcode)
            
        

        
            District*
            
                @Html.EditorFor(model => model.district)
                @Html.ValidationMessageFor(model => model.district)
            
        

        
            User Type*
            
                @Html.RadioButtonFor(model => model.user_type, "Customer")
                @Html.RadioButtonFor(model => model.user_type, "Business")
                @*@Html.EditorFor(model => model.user_type)*@
                @Html.ValidationMessageFor(model => model.user_type)
            
        

        
            Status*
            
                @Html.EditorFor(model => model.status)
                @Html.ValidationMessageFor(model => model.status)
            
        

        
            Created Date*
            
                @Html.EditorFor(model => model.created_date)
                @Html.ValidationMessageFor(model => model.created_date)
            
        

        
            Password*
            
                @Html.EditorFor(model => model.password)
                @Html.ValidationMessageFor(model => model.password)
            
        

        
            Confirm Password*
            
                @Html.EditorFor(model => model.confirm_password)
                @Html.ValidationMessageFor(model => model.confirm_password)
            
        

        
            
                
                    
                    @*@Html.CheckBox("agree", true)*@

                    @*@Html.CheckBoxFor(model => model.agree)I agree to the terms and conditions.
                    @Html.ValidationMessageFor(model => model.agree)*@
                
            
        
        
            
                
            
        
    
}


    @*@Html.ActionLink("Back to List", "Index")*@
    @Html.ActionLink("Already Registered?", "UserLogin", "UserLogin")


    enter code here

DevBrandon · Accepted Answer

You are already using the HtmlHelper, so you could just use the radio button method.

So instead of the tags you could just display:

Customer: @Html.RadioButtonFor(model => model.user_type, "Customer")
Business: @Html.RadioButtonFor(model => model.user_type, "Business")

There's more information about it here:

http://www.tutorialsteacher.com/mvc/htmlhelper-radiobutton-radiobuttonfor

Use radio button in the Razor view?

Answers (2)

Related Questions