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 : 10991, 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 이상

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



47   JavaScript Trim 함수  iWiz 2004/01/04 8953 40
46   JavaScript에서 쿠키 핸들링  iWiz 2004/01/04 4755 37
45   IE에서 euc-kr 캐릭터셋 사용시의 주의사항  iWiz 2004/01/04 8712 37
44   MSIE에서 JScript 이벤트 핸들러 작성하기 [1]  iWiz 2004/01/04 4307 39
43   JavaScript에서 브라우져 종류 판독 및 브라우져에 따른 DOM 처리  iWiz 2004/01/04 6287 43
42   브라우져 종류에 따른 HTML 태그 지원 사양  iWiz 2004/01/04 4800 36
  라디오버튼 필드의 선택을 취소하는 방법  iWiz 2004/01/04 10991 31
40   웹페이지에서 비주얼한 날짜선택기를 사용하자  iWiz 2004/01/04 6943 33
39   인터넷 메일 인코딩 및 HTML 처리  iWiz 2004/07/12 13500 28
38   인터넷 메일 MIME 규격  iWiz 2004/07/12 13263 34
37   인터넷 메일 메시지의 구조  iWiz 2004/07/12 7704 31
36   자바 컬렉션 객체 비교표  iWiz 2004/07/12 9307 28
35   서블릿을 이용해 1 픽셀 투명이미지 출력하기  iWiz 2004/03/23 7850 25
34   프로그램에서 LinkedHashMap의 활용 방법  iWiz 2004/03/08 17967 30
33   JDOM을 이용한 Java/XML 프로그래밍  iWiz 2004/02/02 8792 38

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

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