체크 박스 - 단일2

타임리프를 사용하면 히든필드를 개발자가 직접 추가하지 않아도 자동 처리가 가능하다.

 

 

<기존의 판매 여부를 체크하는 방식 --> 히든필드>

 <!-- single checkbox -->
        <div>판매 여부</div>
        <div>
            <div class="form-check">
                <input type="checkbox" id="open" name="open" class="form-check-input">
                <input type="hidden" name="_open" value="on"/><!-- 히든 필드 추가 -->
                <label for="open" class="form-check-label">판매 오픈</label>
            </div>
        </div>

 

 

<타임리프를 적용하여 히든필드 자동처리>

<!-- single checkbox -->
<div>판매 여부</div>
<div>
    <div class="form-check">
        <input type="checkbox" id="open" th:field="*{open}" class="form-check-input">
        <label for="open" class="form-check-label">판매 오픈</label>
    </div>
</div>

 

 

실행결과

 

페이지 소스를 확인해보면 히든필드가 자동으로 추가된 것을 확인할 수 있다.