반응형
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"/>
반응형
'Javascript' 카테고리의 다른 글
[JS] SlickGrid 단순 정렬하기 (0) | 2021.03.12 |
---|---|
[JS] 대용량 데이터에 성능 좋은 SlickGrid 시작하기 (0) | 2021.02.05 |
Javascript - getElementsByTagName, getElementsById, getElementsByClassName으로 HTML Element 찾기 (0) | 2017.03.24 |
Javascript - 메세지박스(Alert, Confirm, Prompt) (0) | 2017.02.21 |
Javascript - select 태그에 항목(option) 추가 삭제하기. (0) | 2017.02.08 |
댓글