iWiz ShareBase

IT Specialist 윤태현의 iWiz ShareBase는 IT뿐 아니라 각종 잡다한 지식들을 함께 나누는 지식공유 커뮤니티입니다.

iWiz,ShareBase,윤태현,Java,JSP,EJB,IT,정보기술,웹프로그래밍,PHP,ASP,DBMS,MySQL,서버,네트워크,server,network,WAS,웹애플리케이션,블로그,blog,웹서버,DB,오라클,oracle,mysql,JRun,웹로직,톰캣,tomcat,아파치,자동차,EF쏘나타,로또 6/45

갤러리 Pixelgrapher.com | 로또 6/45 번호생성 및 통계 데이터 | 전체기사보기 | 전체글 #1 | 전체글 #2 | 전체글 #3 | 전체글 #4 | 전체글 #5 | 전체글 #6 | 전체글 #7 | 전체글 #8 | 전체글 #9 | 전체글 #10 |
HOME iWiz
ShareBase
Remember 0523 & 0818
지식은 나눌수록 커집니다 - iWiz's ShareBase
웹프로그래밍(기타) PHP, ASP, Perl, CGI 등 각종 웹프로그래밍에 관한 자료들입니다.


  iWiz(2004-01-04 22:53:30, Hit : 10237, Vote : 31
 http://www.wz.pe.kr

라디오버튼 필드의 선택을 취소하는 방법


웹페이지에서 양식 설계시 여러 항목중 한개를 선택할 때 흔히 라디오 버튼을 많이 사용하게 됩니다.  그런데 라디오 버튼 사용시의 단점은 동일 그룹내에서 일단 한가지 항목을 선택하고 나면, 그 그룹에 대한 선택을 취소할 수 없다는 단점이 있습니다.

예제 1 질문) 만약 자동차를 가지고 있다면 배기량을 선택해주세요. (오너만 선택하세요)
1300cc 이하  1500cc~1800cc  2000cc~3000cc  3000cc 이상

위의 예에서 응답자가 차를 소지하고 있지 않았는데 무심코 한가지 항목을 선택했을 경우 다시 선택하지 않은 상태로 되돌릴 방법이 없습니다.

이런 문제를 해결하기 위한 한가지 방법으로 선택된 항목을 더블클릭하면 선택을 취소하도록 하는 방법이 있습니다. 이 방법을 사용하려면 다음과 같이 <input type="radio"> 태그에 ondblclick 이벤트 핸들러만 넣어주면 됩니다.

<input type="radio" name="R1" value="V1" ondblclick="this.checked=false">

이제 ondblclick 이벤트 핸들러를 이용해 아까 예제를 다시한번 구현해보겠습니다.

예제 2 질문) 만약 자동차를 가지고 있다면 배기량을 선택해주세요. (응답취소:더블클릭)
1300cc 이하  1500cc~1800cc  2000cc~3000cc  3000cc 이상

이처럼 선택을 취소할 수 있도록 해두면 사용자 입장에서 편리할 것이고, 개발자 입장에서도 불필요한 선택값이 서버로 넘어오는 것을 방지할 수 있는 장점이 있을 것입니다. 필수입력값이 아닌 라디오버튼의 경우에는 이런 기능을 항상 적용시켜 두는 것은 어떨까요?




62   mod_throttle 모듈을 이용한 사용자 트래픽 제어  iWiz 2006/06/22 9111 0
61   Tomcat-Apache using JK2 connector  iWiz 2004/03/21 8272 41
60   RedHat 9.0에서의 JRun JSP 컴파일러의 문제점  iWiz 2004/01/04 5594 50
59   RedHat 9.0에서의 JRun-Apache 커넥터의 문제점  iWiz 2004/01/04 5219 48
58   JRun 4.0의 튜닝 관련 옵션  iWiz 2004/01/04 5988 68
57   JRun 4.0의 Activity 모니터링 방법  iWiz 2004/01/04 4957 57
56   JRun4.0: DataSource 커넥션풀 관련 옵션 [4]  iWiz 2004/01/04 6703 46
55   JRun에서 JSP 컴파일시 java 파일 생성하기  iWiz 2004/01/04 8114 63
54   JRun의 실제 서비스 운영시 고려사항  iWiz 2004/01/04 6436 44
53   수정된 인터넷 익스플로러에서 상호작용 ActiveX 컨트롤 활성화 가이드  iWiz 2006/03/03 8518 4
52   HTML 특수기호 엔터티(Entity) 테이블 [2]  iWiz 2006/03/03 14241 2
51   웹사이트의 새로운 혁명 Ajax [13]  iWiz 2005/11/22 5907 6
50   MSN 메신저 친구 자동등록 스크립트  iWiz 2004/10/12 6231 35
49   JavaScript MD5 해쉬 생성 함수  iWiz 2004/01/07 9156 35
48   JavaScript로 만든 진법변환 및 보수계산기 [4]  iWiz 2004/01/04 161318 51

1 [2][3][4][5]
 

Copyright 1999-2024 Zeroboard / skin by zero
iWiz ShareBase, ⓒCopyleft by iWiz.  For more information contact .
본 웹사이트에 게시된 이메일 주소가 전자우편 수집 프로그램이나 그 밖의 기술적 장치를 이용하여 무단으로 수집되는 것을 거부하며, 이를 위반시에는 정보통신망법에 의해 형사처벌됨을 유념하시기 바랍니다. [게시일 2004. 1. 31]