difference in input type=Checkbox, @HTML.CheckBox and @HTML.CheckBoxFor?

asp.net-mvc asp.net-mvc-3 asp.net-mvc-4 razor razor-2
Toubi picture Toubi · Jan 3, 2014 · Viewed 18.6k times · Source

I m new to MVC and confused what is difference in <Input type="Checkbox">, @HTML.CheckBox and @HTML.CheckBoxFor.

Can you please guide why two helpers are provided for same thing ? In which situation which one should be used ?

Thanks

Edit: Added Input type=checkbox

Answer

dotNETbeginner picture dotNETbeginner · Jan 3, 2014

<Input type="Checkbox"> is Html markup for a checkbox and @Html.CheckBox & @HTML.CheckBoxFor are Html Helpers for Razor view engine..

suppose your viewmodel has a property Person.HadDinner, then usually for model binding to work properly you will have to name the checkbox Person.HadDinner and id as Person_HadDinner..

you can use @Html.CheckBox like 

@HTML.CheckBox("Person.HadDinner", Model.Person.HadDinner)

but if you are using @HTML.CheckBoxFor, it will be strongly typed..

@HTML.CheckBoxFor(x => x.Person.HadDinner)

in both the cases, final output markup will be

<input type="checkbox" id="Person_HadDinner" name="Person.HadDinner">

Related questions

ASP.NET MVC Razor Concatenation

I'm trying the render an HTML list that looks like the following, using the Razor view engine: <ul> <li id="item_1">Item 1</li> <li id="item_2">Item 2</li> </ul&…

Read More
To allow GET requests, set JsonRequestBehavior to AllowGet

I have bound bulk records in a Kendo UI grid. The response is returned from Json. I am getting Error while using below format: Problem Code : Method 1: public JsonResult KendoserverSideDemo(int pageSize, int skip=10) { using (var s = new KendoEntities()) { var …

Read More
Change date format in ASP.NET MVC application

I need to change date format to be dd.MM.yyyy. I am getting client side validation error because ASP.NET MVC date format is different from what I expect on the server. In order to change ASP.NET MVC …

Read More