HTML
Javascript
Flash Actionscript
PHP
mySQL
ASP
MS-SQL
Linux
Others
Ziwoo Board
Portfolio
About
Javascript
작성  2017-07-05 15:18:40   추천: 1   조회: 887
제목  제이쿼리(JQuery)를 활용한 라디오, 체크박스의 폼체크
이름(ID)  지우 (ziwoo)
제이쿼리를 그닥 좋아하지는 않지만,
기존의 자바스크립트로는 라디오나 채크박스의 폼체크를 할때
루프를 돌려가면 체크해야하는 번거로움이 있으므로
제이쿼리를 활용한 간단한 폼체크 방법입니다.

<script type="text/javascript" src="/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
<!--
function checkForm(){
    if($('input:radio[name="rt_type"]:checked').length<1){alert("라디오버튼을 선택하세요"); return;}       
    if($('input:checkbox[name="rt_career"]:checked').length<1){alert("체크박스를 선택하세요"); return;}       
}
//-->
</script>
<form name="F">
<input type="checkbox" name="rt_type" value=1>1
<input type="checkbox" name="rt_type" value=2>2
<input type="checkbox" name="rt_type" value=3>3
<br>
<input type="radio" name="rt_career" value=1>1
<input type="radio" name="rt_career" value=2>2
<input type="radio" name="rt_career" value=3>3
</form>
<br>
<input type="button" value="제출" onclick="checkForm()">
번호 제목 이름 날짜 추천 조회
중요 위지윅(WYSIWYG) 웹에디터 입니다.[28]파일 지우 2006-09-23 138 16734
55 제이쿼리(JQuery)를 활용한 라디오, 체크박.. 지우 2017-07-05 1 887
54 최근 메일서비스 리스트 지우 2016-06-26 12 2743
53 IE 버전 구분 정규식 지우 2013-07-07 32 5624
52 자바스크립트로 스타일 제어하기 지우 2011-12-15 53 20833
51 attachEvent, addEventListener 활용 지우 2011-12-07 39 6172
50 Drag&Drop을 이용한 진열순서 변경파일 지우 2011-11-19 45 24683
49 비밀번호 입력형식 변환 지우 2011-11-16 26 2296
48 페이드 효과 및 로테이션파일 지우 2011-11-10 26 2678
47 이메일 유효성 정규식 - 자바스크립트 지우 2011-06-03 37 3510
46 < tab1 tab2 tab3 tab4 tab5 >[3] 大道 2011-02-05 34 3274
45 함수명을 변수로 해야할 때 지우 2010-04-11 50 4734
44 달력 - 날짜입력기(Date Picker)파일 지우 2010-04-11 58 14875
43 중앙정렬 홈페이지에 레이어 좌표맞추기 지우 2009-12-10 66 3389
42 자바스크립트 이벤트 핸들러 (Event Handl.. 지우 2009-11-13 50 2857
41 날짜 더하기 & 시간 더하기 함수 지우 2009-10-31 54 8385
40 동적테이블 TR 추가 지우 2009-10-31 54 3031
39 IE 설계변경 패치 했는데요...왜 안되는지...[2]파일 최혜경 2008-06-11 66 4423
38 지우님... 도와주세요.. ㅜ_ㅜ[2] 김영필 2008-01-11 75 2857
37 정규식이용 특정문자만 변환 (콜백함수 사.. 지우 2007-08-25 86 2904
[1][2][3]
제목 내용 이름  
ziwooboard v1.0
Contact Phone Number
Bank Account number
ns1.ziwoo.net (211.115.222.24)
ns2.ziwoo.net (211.115.222.24)
Naver BLOG : http://blog.ziwoo.net
Family Homepage : http://home.ziwoo.net
Copyright ⓒ 2006 By Ziwoo.net All right reserved. Administrator.ziwoonet@naver.com