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	새로고침(F5) 금지	2018.03.28	6001
166	날짜 및 시간 입력 구현하기, Bootstrap DateTimePicker	2017.04.06	16530
165	[INPUT BOX] 텍스트박스(INPUT 박스) 가 동적으로 추가,삭제됩니다	2017.02.19	8521
164	팝업창 가운데 띄우기	2016.12.23	6705
163	셀렉트(select) change href 이벤트	2016.12.23	5899
162	셀렉트(select) change Ajax 이벤트	2016.12.23	12569
161	셀렉트(select) change 이벤트 (split)	2016.12.23	6009
160	이전, 위로 이동	2016.12.23	5740
159	우클릭 금지	2016.12.23	5701
158	setTimeout() / clearTimeout() / setInterval()	2016.12.22	8162
157	[단축키 설정 자바스크립트]shortcut.js	2016.12.22	8373
156	자바스크립트 모음	2016.12.22	5778
155	자바스크립트 및 CSS를 이용한 숫자만 입력받기	2016.12.22	6321
154	자바스크립트 실행 시간 측정	2016.12.22	8930
153	자바스크립트 변수,함수,객체의 표현	2016.12.22	5369
152	response.setHeader	2016.12.22	7355
151	복사방지+드래그금지+마우스우클릭 금지	2016.12.22	7909
150	GET방식으로 전송시 특수문자함께 전송하는 방법	2016.12.22	12338
149	setTimeout 대체 스크립트 함수 (일시멈춤)	2016.12.22	6241
148	도메인 체크	2016.12.22	5928

167

새로고침(F5) 금지

2018.03.28

6001

166

날짜 및 시간 입력 구현하기, Bootstrap DateTimePicker file