Razor HtmlHelper - Radio button

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

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

 

기본 모델 :

public class Student
{
    public int StudentId { get; set; }
    public string StudentName { get; set; }
    public string Gender { get; set; }
}

Html.RadioButtonFor()

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

 

RadioButtonFor() 의 overload 함수 확인 :

docs.microsoft.com/ko-kr/dotnet/api/system.web.mvc.html.inputextensions.radiobuttonfor?view=aspnet-mvc-5.2

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

RadioButtonFor() 의 Razor View 예시 :

@model Student

@Html.RadioButtonFor(m => m.Gender,"Male")
@Html.RadioButtonFor(m => m.Gender,"Female")

결과 :

<input checked="checked" 
        id="Gender" 
        name="Gender" 
        type="radio" 
        value="Male" />

<input id="Gender" 
        name="Gender" 
        type="radio" 
        value="Female" />

Html.RadioButton()

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

 

Razor View 예시 :

남자: @Html.RadioButton("Gender","Male")  
여자: @Html.RadioButton("Gender","Female")  

결과 :

남자: <input checked="checked" 
        id="Gender" 
        name="Gender" 
        type="radio" 
        value="Male" />

여자: <input id="Gender" 
        name="Gender" 
        type="radio" 
        value="Female" />

 

참조 :

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

Create RadioButton using HtmlHelper in ASP.Net MVC