javascript - Checkbox : 체크박스 체크여부 확인

<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>check박스 체크 여부 확인하기</title>

  <script type="text/javascript">
    function CheckForm(Join){

        //체크박스 체크여부 확인 [하나]
        var chk1=document.frmJoin.U_checkAgreement1.checked;
        var chk2=document.frmJoin.U_checkAgreement2.checked;

        if(!chk1){
            alert('약관1에 동의해 주세요');
            return false;
        }
        if(!chk2) {
            alert('약관2에 동의해 주세요');
            return false;
        }

        //체크박스 체크여부 확인 [동일 이름을 가진 체크박스 여러개일 경우]
        var isSeasonChk = false;
        var arr_Season = document.getElementsByName("SEASON[]");
        for(var i=0;i<arr_Season.length;i++){
            if(arr_Season[i].checked == true) {
                isSeasonChk = true;
                break;
            }
        }

        if(!isSeasonChk){
            alert("계절의 종류를 한개 이상 선택해주세요.");
            return false;
        }

    }

</script>
</head>
<body>


<form name="frmJoin" action=""  onSubmit="return CheckForm(this)">
    <input type="checkbox" name="U_checkAgreement1" id="U_checkAgreement1" value="" /> 약관동의
    <input type="checkbox" name="U_checkAgreement2" id="U_checkAgreement2" value="" /> 약관동의

    <br/>
    <br/>
    <input type="checkbox" id="spring" name="SEASON[]" value="1" />봄
    <input type="checkbox" id="summer" name="SEASON[]" value="2" />여름
    <input type="checkbox" id="fall" name="SEASON[]" value="3" />가을
    <input type="checkbox" id="windter" name="SEASON[]" value="4" />겨울
    <br/>
    <br/>
    <input type="submit" value="전송">
</form>

</body>
</html>

jQuery로 변경

[코드]

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

        //체크박스 체크여부 확인 [동일 이름을 가진 체크박스 여러개일 경우]
        /*var isSeasonChk = false;
        var arr_Season = document.getElementsByName("SEASON[]");
        for(var i=0;i<arr_Season.length;i++){
            if(arr_Season[i].checked == true) {
                isSeasonChk = true;
                break;
            }
        }*/

        //jQuery로 변경
        var isSeasonChk = $("input:checkbox[name='SEASON[]']").is(":checked");

        if(!isSeasonChk){
            alert("계절의 종류를 한개 이상 선택해주세요.");
            return false;
        }

Atachment
첨부 '3'	2014-09-30_010517.png, 2014-09-30_010534.png, 2014-09-30_010549.png,

List of Articles
번호	제목	날짜	조회 수
167	Location 객체 - URL 파싱 - URL에서 전달인자 추출하기 함수 작성	2015.06.19	8523
166	location.href 로 새창 여는 방법 (target=_blank 효과)	2015.06.19	9398
165	Node.js와 npm(+ npx)의 개념	2023.01.20	134
164	onkeypress 키보드 이벤트 처리하는 법 – text, textarea	2016.09.21	7001
163	opener 값전달, 함수실행.(자식창에서 부모창으로 값전달, 함수실행)	2021.03.26	1437
162	response.setHeader	2016.12.22	7358
161	select 당일 날짜 출력	2014.03.01	5780
160	SelectBox에서 선택된 항목의 텍스트, 값 가져오기 선택 옵션 넣기.	2018.07.04	4014
159	setTimeout 대체 스크립트 함수 (일시멈춤)	2016.12.22	6241
158	setTimeout() / clearTimeout() / setInterval()	2016.12.22	8162
157	span - 동적으로 글자 바꾸기, 보이기 안보이기	2019.01.16	1446
156	split, join, replace, replace_all	2021.03.26	204
155	Textarea 글자수 체크	2014.03.01	5651
154	textarea의 글자수 제한	2014.02.27	6161
153	top 부분이 고정되는 슬라이딩 메뉴입니다	2014.03.01	5752
152	utf-8일때 alert 한글 깨짐 해결	2021.03.26	3558
151	[INPUT BOX] 텍스트박스(INPUT 박스) 가 동적으로 추가,삭제됩니다	2017.02.19	8526
150	[jQuery] textarea 글자수 카운트	2014.03.01	7420
149	[jQuery] 상위부터 차례로 지역 선택하기	2014.03.01	45988
148	[jQuery] 실시간 검색어 순위 순서대로 보여주기	2014.03.01	12017

167

Location 객체 - URL 파싱 - URL에서 전달인자 추출하기 함수 작성 file