FrontEnd/Javascript

[javascript/HTML] input checkbox readonly 시키기

김평범님 2022. 10. 27. 21:35
반응형

checkbox readonly 적용

input에서 사용자는 수정을 못하게 하려면

readonly라는 옵션을 이용하면 된다.

 

최근 프로젝트에서 input check box도 readonly를 시키려고 아래 코드를 넣었으나,

동작하지 않았다.

 

 

📌input type checkbox readonly 오류 코드

<input type="checkbox" readonly />

readonly="true"로 변경을 해봤지만 그 부분도 적용이 안되고,

disable="true"는 작동이 되고 뭐일까 하고 찾아봤다.

 

 

 

🍒input type checkbox readonly 성공 코드

<input type="checkbox" onClick="return false" />

확인해보니, checkbox의 readonly는 먹지 않아서 위처럼 onClick 이벤트에서 return false를 걸어주면 된다고 한다.

실제로 적용해보니 잘 작동한다.

 

반응형