|
HTML
Javascript
Flash Actionscript
PHP
mySQL
ASP
MS-SQL
Linux
Others
Ziwoo Board
Portfolio
About
|
 |
 Javascript |
| 작성 |
2017-07-05 15:18:40 추천: 54 조회: 6034 |
| 제목 |
제이쿼리(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()">
|
|
|
Contact Phone Number
