수업/└HTML&CSS
라디오 타입과 이벤트
onlyun
2022. 1. 11. 21:51
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> 이벤트 : 라디오 버튼 </title>
</head>
<body>
<form action="a.jsp" method="post" name="frm">
Sex :
<input type="radio" name="gender" value="female">female
<input type="radio" name="gender" value="male">male
<br>
Hobby
<input type="checkbox" name="hobby" value="game" checked>game
<input type="checkbox" name="hobby" value="baseball">baseball
<input type="checkbox" name="hobby" value="travel">travel
<br>
<input type="button" value="submit" onclick="checkForm()">
</form>
<script>
function checkForm() {
if(frm.gender[0].checked == false && frm.gender[1].checked == false) {
alert('성별을 선택해주세요');
frm.gender.focus();
}
if (frm.hobby[0].checked == false
&& frm.hobby[1].checked == false
&& frm.hobby[2].checked == false) {
alert('취미를 선택해주세요.');
frm.hobby.focus();
}
frm.submit();
}
</script>
</body>
</html>