반응형
HTML, 체크상자 예제
글. 수알치 오상문
<!doctype HTML>
<html>
<head>
<meta charset="UTF-8">
<title>체크상자</title>
<script type="text/javascript">
function check_item(){
var len = document.getElementsByName("seefood").length;
food = "";
for (var i=0; i<len; i++) {
if (document.getElementsByName("seefood")[i].checked == true) {
food = food + " " + document.getElementsByName("seefood")[i].value
}
}
if (food == "")
alert("선택하세요...");
else
alert("OK! " + food);
}
</script>
</head>
<body>
<input type="checkbox" name="seefood" value="생선">생선
<input type="checkbox" name="seefood" value="오징어" checked="checked">오징어
<input type="checkbox" name="seefood" value="새우">새우
<button onclick="check_item()">확인</button>
</body>
</html>
반응형
'HTML, CSS' 카테고리의 다른 글
| 모바일 폭에 맞게 웹 페이지 폭 지정하기 (0) | 2021.07.11 |
|---|---|
| HTML 특수문자 표기 (0) | 2021.06.07 |
| HTML, iframe 예제 (0) | 2021.05.26 |
| 색상 코드 표 (0) | 2021.05.17 |
| 네이버 회원가입창 만들기 동영상 (0) | 2021.04.18 |