본문 바로가기

Programming/HTML&CSS&JS

[html] checkbox 무조건 클릭 된 상태로 변경(read only 비슷한 기능)

nodejs위에 Jade로 웹 개발 작업을 하면서 체크박스를 사용하게 될 일이 있었는데

체크박스를 눌러도 해제가 되지 않는 체크박스를 구현 해야하는 경우가 있었다.

만약 하고 싶다면 아래와 같이 하면 된다.


<!-- 체크 박스 테스트 -->

label.checkbox-inline

   input(type="checkbox" value="value" checked="checked")

   | checkbox test1

br

<!-- 클릭해도 변하지 않는 체크 박스(옵션 : checked onclick="return false") -->

label.checkbox-inline

   input(type="checkbox" value="value" checked="checked" onclick="return false")

   | checkbox test2