html 라디오버튼 예제

By Dave Sanasack, on Aug, 02 2019

MvcHtmlString RadioButton (문자열 이름, 개체 값, boolisChecked, 개체 htmlAttributes) Html.RadioButton() 메서드는 지정된 이름으로 라디오 단추 요소를 만듭니다., isChecked 부울 및 html 속성입니다. 추가 단추를 클릭하면 View–>Home 폴더에 ContactForm.cshtml 파일이 만들어집니다. MvcHtmlString 라디오 ButtonFor (<익스프레시<Func> 식, 개체 값, 개체 html특성) 이제 CSHTML 코드를 수정하겠습니다. ContactForm.cshtml 파일로 전환하면 다음을 변경하고 F5를 누릅니다. 이전 예제를 체크 아웃하면 기본적으로 라디오 단추가 선택되지 않은 것을 알 수 있습니다. 확인란의 경우 이 문제가 발생할 수 있지만 라디오 단추를 사용하면 일반적으로 사용자가 옵션 중 하나를 선택하도록 강제할 수 있습니다. 물론 유효성 검사를 통해 수행할 수 있지만 옵션 중 하나를 미리 확인하는 것이 훨씬 간단합니다. 이것은 매우 간단합니다 – 그냥 체크 된 속성을 사용 : ContactForm.cshtml 파일로 전환하고 F5를 누릅니다. 출력 화면은 아래에 표시됩니다. 다른 DOM 요소와 마찬가지로 JavaScript를 사용하여 라디오 단추를 조작 할 수 있습니다. 어떻게 작동하는지 보여주기 위해 JavaScript를 사용하여 선택한 옵션을 확인한 다음 양식을 제출하기 전에 사용자에게 확인을 요청하는 작은 예제를 만들었습니다: “저장” 버튼을 클릭하여 이용 약관에 동의합니다. 이제 프로젝트를 마우스 오른쪽 단추로 클릭하고 빌드를 선택하여 프로젝트를 빌드합니다.

라디오 그룹은 그룹의 각 라디오 단추에 동일한 이름을 지정하여 정의됩니다. 라디오 그룹이 설정되면 해당 그룹의 라디오 단추를 선택하면 동일한 그룹에서 현재 선택된 라디오 단추를 자동으로 선택 해제합니다. 저장 버튼을 클릭하면 코드가 저장되고 다른 사용자와 공유할 수 있는 URL이 표시됩니다. MVC에는 서버 측 제어가 없습니다. 컨트롤 생성을 위해 컨트롤을 만드는 데 도움이 HTML 도우미가 있다. 모든 Html 도우미는 보기에 사용되는 확장 방법입니다. Razor가 있는 HTML 도우미는 @Html. 라디오 단추를 만드는 방법을 처음 배우면 이름과 값 속성이 어떻게 작동하는지 이해하기가 약간 어려울 수 있습니다. 라디오 단추는 대부분의 폼 요소와 약간 다르기 때문일 수 있습니다. 나는 설명 할 것이다. 라디오 단추의 전체 목적은 사용자가 목록에서 하나만 선택할 수 있도록 하는 것입니다. 사용자가 여러 항목을 선택하도록 하려면 라디오 단추를 사용하지 않습니다.

Google에서 Google 드라이브 액세스 확인을 요청합니다. 모든 요소에서 공유하는 공통 특성 외에도 무선 입력은 경고 없이 제거할 수 있습니다(공격적이거나 손상되거나 다른 이유로 간주되는 경우).