Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
Tags
- 공모주
- 오라클
- 리눅스
- 공모주 청약 일정
- MYSQL
- 주식
- 7월 공모주 청약 일정
- 맥
- 제이쿼리
- java
- 자바스크립트
- php
- 코드이그나이터
- linux
- 주식 청약
- IPO
- JavaScript
- Eclipse
- Stock
- 6월 공모주 청약 일정
- 자바
- html
- css
- 주식 청약 일정
- codeigniter
- 공모주 청약
- Oracle
- Stock ipo
- SQL
- jquery
Archives
- Today
- Total
개발자의 끄적끄적
[JavaScript] checkbox 선택 확인 [펌] 본문
728x90
반응형
[JavaScript] checkbox 선택 확인 [펌]
checkbox 속성
name : checkbox 이름
length : 같은 이름의 checkbox 수
checked : checkbox의 check 여부 true, false
value : check
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>checkBox</title>
<script type="text/javascript">
function agree() {
var chkbox = document.getElementsByName('agree');
var chk = false;
for(var i=0 ; i<chkbox.length ; i++) {
if(chkbox[i].checked) {
chk = true;
} else {
chk = false;
}
}
if(chk) {
alert("모든 약관에 동의함.");
return false;
} else {
alert("모든 약관에 동의해 주세요.")
}
}
</script>
</head>
<body>
<form action="">
<input type="checkbox" name="agree" id="chk1"> 약관동의1
<input type="checkbox" name="agree" id="chk2"> 약관동의2
<input type="checkbox" name="agree" id="chk3"> 약관동의3
</form>
<a href="javascript:agree();">동의</a>
<a href="#">동의안함</a>
</body>
</html>
출처: https://allg.tistory.com/6 [프로그래밍 해볼까]
반응형
'개발 > javascript & jquery' 카테고리의 다른 글
[javascript] input 태그에 엔터키 입력 동작하게 하기 (0) | 2020.02.12 |
---|---|
[javascript] form action 변경예제 (0) | 2020.02.12 |
[javascript] 자바스크립트 각종 정규식 모음 (0) | 2020.02.07 |
[javascript] parInt 정규식 활용 함수 예제 (0) | 2020.02.05 |
[javascript/jquery] if문으로 요소(element)가 있는지 확인하기 (0) | 2020.02.05 |
Comments