[.NET CORE]삼항 연산, 라디오 버튼 수정

해내면 그만!XX·2022년 4월 30일
0

if를 사용하니 cshtml에서에서는 코드가 지저분해져서 checked를 삼항연산으로 변경해줬다.

//등급이 모델 JSON의 이름같으면 체크하고 아니면 체크하지 않는다.
@(Model.Range == Model.Json[i].Name ? "checked" : "")
@for (var i = 0; i < Model.Json.Count; i++)
{
<input type="radio" name="rslt_@Model.id" value="@Model.Name" id="@string.Concat("rslt_" + Model.id + "_" + i)" @(Model.Range == Model.Json[i].Name ? "checked" : "")>
<label for="@string.Concat("rslt_" + Model.id + "_" + i)">@Model.Json[i].Name</label>
}

display: none;
버튼없는 라디오 버튼을 구현했는데 SPA라 하나의 다른페이지에서 라디오버튼이 작동이 되지 않았다. 크롬에서 확인을 해보니 라디오 버튼이 여러개가 검색이 되었다. 같은 name이라 다른페이지에서 프로그램이 라디오 버튼 css를 찾지 못했다.
name을 페이지마다 다르게 설정해줬더니 작동이 잘됐다.
id와 label for 가 같아야 인식이 된다

name="rslt" //수정전
name="rslt_@Model.id" //수정후

모든 페이지, 경우, 테스트 꼼꼼하게 해서 널처리 해주기
SPA 때문에 하나의 다른 페이지도 작동이 잘되는지 확인이 필요하다

0개의 댓글