본문 바로가기

트레이닝

Razor HtmlHelper - Checkbox

HtmlHelper 클래스는 CheckBox의 두 가지 유형의 기본 함수를 제공한다.  
- CheckBox()  
- CheckBoxFor<TModel, TProperty>()  

<input type="checkbox"> 의 Html 랜더링은 CheckBox() 함수를,  
모델을 이용한 랜더링은 CheckBoxFor<TModel, TProperty>() 함수를 사용한다.

 

기본 모델 :

public class Student
{
    public int StudentId { get; set; }
    [Display(Name="Name")]
    public string StudentName { get; set; }
    public bool isActive { get; set; }
}

Html.CheckBoxFor()

CheckBoxFor<TModel, TProperty>() 의 첫 번째 유형 매개변수는 모델 클래스용이고, 두 번째 유형 매개변수는 속성용이다.

 

CheckBoxFor() 의 overload 함수 확인 :

https://docs.microsoft.com/ko-kr/dotnet/api/system.web.mvc.html.textareaextensions?view=aspnet-mvc-5.2

 

InputExtensions.CheckBox Method (System.Web.Mvc.Html)

Returns a check box input element by using the specified HTML helper and the name of the form field.

docs.microsoft.com

CheckBoxFor() 의 Razor View 예시 :

@model Student

@Html.CheckBoxFor(m => m.isActive) 

결과 :

<input name="isActive" type="checkbox" value="false" />

Html.CheckBox()

CheckBox() 는 <input type="checkbox" > 기본 Html 태그를 랜더링한다. 속성 을 통해 이름과 값, 그외의 속성을 만들 수 있다.

 

Razor View 예시 :

@model Student

@Html.CheckBox("isActive", true) 

결과 :

<input checked="checked" 
        id="isActive" 
        name="isActive" 
        type="checkbox" 
        value="true" />

 

참조 :

www.tutorialsteacher.com/mvc/htmlhelper-checkbox-checkboxfor

 

Create CheckBox using HtmlHelper in ASP.Net MVC

Create Checkbox in ASP.NET MVC The HtmlHelper class includes two extension methods to generate a HTML control in a razor view: CheckBox() and CheckBoxFor(). We will use the following Student model class throughout this article. public class Student { publi

www.tutorialsteacher.com

 

'트레이닝' 카테고리의 다른 글

Razor HtmlHelper - DropdownList  (0) 2021.02.24
Razor HtmlHelper - Radio button  (0) 2021.02.23
Razor HtmlHelper - TextArea  (0) 2021.02.17
Razor HtmlHelper - Textbox  (0) 2021.02.17
HTML Helpers  (0) 2021.02.16