본문 바로가기
Javascript

input checkbox 수정 할 수 없게 만들기

by Dokon Jang 2017. 6. 19.
반응형

checkbox 수정 할 수 없게 하는 방법입니다.

1, 2는 주의해야 하며 사용하지 않아야 할 코드입니다.

3, 4는 checkbox가 수정되지 않는 코드입니다.


1. checkbox input의 속성에는 readonly가 없어 적용되지 않는다.(처리 안됨)

<input name="ch_name" type="checkbox" checked readonly/>


2. checkbox input는 수정 할 수 없으나, disabled를 지정하면 form을 submit 시 서버에 파라메터가 넘어가지 않는다.(처리 안됨)

<input name="ch_name" type="checkbox" checked disabled/>


3. onClick 이벤트에 return false를 넣어 더 이상 수정 할 수 없도록 처리한다.

<input name="ch_name" type="checkbox" checked onClick="return false;"/>


4. 화면에 표시되는 checkbox input은 diabled로 처리하고, hidden input으로 서버로 파라메터를 넘긴다.

<input name="ch_name" type="checkbox" checked disabled/>

<input name="ch_name" type="hidden" value="true"/>

반응형

댓글