[Thymeleaf] - 타임리프 체크박스(checkbox) 사용법 및 문법

#타임리프 체크박스(checkbox) 사용법 및 문법

 

 

#Thymeleaf checkbox

 

#html

 

<input type="checkbox" name="chkYn" id="webYnChk"><span>Web</span>
<input type="checkbox" name="chkYn" id="appYnChk"><span>App</span>

<input type="hidden" id="webYn" name="webYn" th:value="${data.webYn}">
<input type="hidden" id="appYn" name="appYn" th:value="${data.appYn}">

 

 

#js / jquery

 

// 초기설정
if($("#webYn").val() == 'Y'){
   $("#webYnChk").prop("checked", true);
}
if($("#appYn").val() == 'Y'){
   $("#appYnChk").prop("checked", true);
}

// 등록
var webYn = ($("#webYnChk").is(":checked") ? "Y" : "N");
var appYn = ($("#appYnChk").is(":checked") ? "Y" : "N");

$("#webYn").val(webYn);
$("#appYn").val(appYn);