[javascript] 체크박스(check box)에 Readonly 처리 방법

 

수정화면을 개발시 읽을 수만 있고 변경을 못 하도록 할때 일반적으로

<input type="text" name="title" readonly>

 처리를 한다.

 

그런데 체크박스(check box)/라디오버튼(radio button)/콤보박스(select box)는 readonly 속성이 없다.

 

비슷한 기능을 하는것이 disabled ( 예:<select name="jobtype" disabled> ) 속성인데 이건 처리화면으로 값을 넘기지 못한다.

(값을 넘기려면 hidden에 따로 담아야 한다.)

 

이때 아래와 같이 사용하면 체크박스(check box) 에서 Readonly 와 같은 동작을 하게 할 수 있다.

 

 

<script type="text/javascript">

//*************** 체크박스용 시작 ***************//

//checked - 체크 여부, name - 객체 이름 

function f_checkbox(checked, name) {

    document.getElementById(name).checked = !checked;

}

//*************** 체크박스용 끝   ***************//

</script>

<INPUT TYPE="checkbox" NAME="chkbox1" onclick="f_checkbox(this.checked,'chkbox1')" >선택상자1

<INPUT TYPE="checkbox" NAME="chkbox2" onclick="f_checkbox(this.checked,'chkbox2')" checked>선택상자2

 

 

출처 : http://cafe.naver.com/zalhe/180