[jquery] radio 체크여부
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.
<출처 : http://werty.co.kr/blog/2431 >
입력폼에서 라디오 버튼에 값을 선택하였는지 안하였는지 체크를 해서 만약 선택하지 않았다면 라디오 버튼으로 화면이 이동되어 체크할 수 있도록 해보자
일단 html에서 라디오버튼은 아래와 같이 설정하였다.
1 2 3 4 5 6 7 | <legend>카테고리</legend> <fieldset> <input type="radio" id="Category1" value="카테고리1" name = "Category"/><label for="Category1">카테고리1</label> <input type="radio" id="Category2" value="카테고리2" name = "Category"/><label for="Category2">카테고리2</label> <input type="radio" id="Category3" value="카테고리3" name = "Category"/><label for="Category3">카테고리3</label> <input type="radio" id="Category4" value="카테고리4" name = "Category"/><label for="Category4">카테고리4</label> </fieldset> |
이제 제이쿼리 파일로 아래와 같이 설정하면 된다.
1 2 3 4 5 6 7 | var Category1 = $('#Category1'); if($(':radio[name="Category"]:checked').length < 1){ alert('카테고리를 선택해주세요'); Category1.focus(); event.preventDefault(); } |
var Category1은 html에서 id가 Category1인 것을 선언하였고,
[name="Category"]를 html에서 name 부분의 값이다.
Category1.focus() 는 위에 선언한 #Category1 으로 화면의 포커스가 이동하라는 것이다.
event.preventDefault(); 는 return false; 대신 쓴 것이다. 제이쿼리 API로 이후 넣은 코드들에 대한 진행을 중지시키는 것이다.
'Web > javascript / jQuery' 카테고리의 다른 글
| [jQuery] 배열에서 특정 값만 제거하려고 할때 (10) | 2015.04.28 |
|---|---|
| [jQuery] 문자열 배열에서 중복되는 값들 없애주는 방법 (8) | 2015.04.28 |
| ajax post 방식에서 function 이 필요할때 두가지 방법 (10) | 2015.04.28 |
| jQuery 의 Combobox 의 변수 넘기기 (8) | 2015.04.28 |
| [jquery] 날짜 계산 (10) | 2015.04.28 |