체크 박스의 기본값을 동적으로 제어하기 (th:checked)

체크 박스의 기본 값은 check라는 속성이 있으면, 값이 false로 지정되더라도, 랜더링될 때 체크된 형태로 표현됩니다.

기본값을 un-checked로 만들기 위해서는 checked라는 속성을 아예 제거해야합니다.

// 체크 안됨
<input type="checkbox" name="active" />
// 체크 됨
<input type="checkbox" name="active" checked="false" />

이를 동적으로 편하게 제공하기 위해서 타임리프에서는 th:checked 속성을 제공합니다.

- checked o <input type="checkbox" name="active" th:checked="true" /><br/>
- checked x <input type="checkbox" name="active" th:checked="false" /><br/>

th:checked 속성은 값이 false라면 checked 속성을 제거해줍니다.

이를 통해 데이터의 값에 따라 동적으로 check 표시를 편하기 제어할 수 있습니다