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
번호	제목	날짜	조회 수
227	텍스트박스 입력제한(숫자,영문,한글,특수기호)	2019.01.16	1992
226	테이블에서 해당 열의 인덱스 값 얻는 방법	2018.08.29	2793
225	클릭위치로 레이어 띄우기	2014.03.01	6220
224	쿠키(Cookie)에 값 저장하기	2016.09.21	6952
223	체크박스(CheckBox) 전체 선택, 전체 해제 checked	2018.07.04	2919
222	체크박스 체크하면 레이어 보여주기. 체크안하면 알려주기	2014.03.01	7458
221	체크박스 전체 선택 및 해제, 반드시 1개 이상 선택 강제	2019.01.16	1308
220	창에 대한 정보얻기 (창 크기, 창 위치)	2015.06.19	7297
219	창 크기 최대화 시키기	2015.06.19	12228
218	차단된 팝업창을 허용하라는 스크립트	2014.02.27	6751
217	지정한 크기로 링크페이지 새창열기	2014.03.01	5455
216	지금 보고 있는 웹페이지 창을 닫으려고 합니다." 안나타나게 하기	2014.02.27	7185
215	주민번호 입력시 생일 자동입력	2014.03.01	5621
214	주민등록번호로 성별/나이/연령대 구분	2014.03.01	8794
213	주민등록번호 체크	2014.03.01	5929
212	제목에 한글 영문 숫자 와 공란만 입력하게 하고 싶습니다.	2014.03.01	6461
211	정규식을 이용한 콤마(comma) 제거하기	2015.06.19	6804
210	정규식을 이용한 실시간 콤마(comma) 넣기	2015.06.19	7876
209	접근성 윈도우 팝업 띄우기	2016.12.22	7114
208	적용이 간편한 [글목록 인쇄] 등 특정 영역 인쇄하기 팁	2014.02.27	5441

227

텍스트박스 입력제한(숫자,영문,한글,특수기호)

2019.01.16

1992

226

테이블에서 해당 열의 인덱스 값 얻는 방법

2018.08.29

2793