[Javascript] Radio버튼을 변경 못하게 막는 방법

보통 HTML의 INPUT 태그의 직접 입력이나 변경을 방지하기 위해,

다음과 같이 readonly속성을 사용한다.

 

<input type="text" name="test1" value="test" readonly>

하지만, 유독 radio 버튼에 대해서는 이 readonly속성이 먹히지 않는다.

다음과 같이 해도, radio버튼을 클릭하면 선택이 바뀐다.

 

<input type="radio" name="test2" value="선택1" checked readonly>선택1

<input type="radio" name="test2" value="선택2" readonly>선택2

// 안돼

<간단한 해결책>

 

<input type="radio" name="test2" value="선택1" checked onclick="return(false);">선택1

<br>

<input type="radio" name="test2" value="선택2" onclick="return(false);">선택2

출처: https://pgmaru.tistory.com/188 [PgMaru]