반응형
HTML과 Javascript를 사용하면서 발견한 간단한 팁을 공유하고자 한다.
보통 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
<결과>
선택1
선택2
선택2
반응형
'프로그래밍' 카테고리의 다른 글
| [HTML/Javascript]Select Box 변경 못하게 막는 방법 (0) | 2018.04.23 |
|---|---|
| 인터랙티브 디벨로퍼 블로그 (0) | 2018.04.20 |
| Spring을 이용한 페이지별 권한설정 방법(링크) 및 스프링 인터셉터(Interceptor) (0) | 2018.04.05 |
| python online (0) | 2018.03.11 |
| Javascript를 이용한 PDF생성 (0) | 2018.03.09 |