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	자바스크립트 아이디 기억하기 기능 구현 (쿠키저장)	2015.06.19	10924
226	이벤트 - 페이지 로드 후 이벤트 처리하기 ( window.onload )	2015.06.19	10871
225	'button', 클릭한 횟수 알아내기!	2015.02.03	10763
224	핸드폰 번호 일부 마스킹크 작업 (정규식 이용)	2015.06.19	10741
223	5초 후에 해당페이지로 url 옮기기	2014.02.27	10485
222	JavaScript 에서 JSON 생성	2016.11.17	10323
221	자바 스크립트 confirm()함수에서 (확인,취소) -> (예,아니오)	2014.03.01	10214
220	자바스크립트 영문입력, 숫자만입력, 한글만 입력, 붙여넣기 방지	2015.02.02	10180
219	예제 - 자바스크립트로 현재 달의 달력 만들기 (calendar)	2015.06.19	10063
218	Javascript selectbox selected 컨트롤	2018.06.21	10058
217	javascript 화면 캡쳐	2016.11.17	9821
216	'onmouseover', 마우스 오버 효과 - 글씨 바꾸기!	2015.02.03	9436
215	location.href 로 새창 여는 방법 (target=_blank 효과)	2015.06.19	9407
214	이미지 마우스 드래그로 스크롤을 움직이는 소스	2014.03.17	9362
213	자바스크립트 API 문서	2015.06.19	9087
212	5초후 자동으로 창닫기	2015.02.03	9034
211	자바스크립트 실행 시간 측정	2016.12.22	8930
210	주민등록번호로 성별/나이/연령대 구분	2014.03.01	8794
209	특정부위 마우스 오버시 설명을 보여주는 소스	2014.03.17	8697
208	마우스 드래그, 오른쪽 팝업메뉴, 선택 막기 (IE11, 파이어폭스, 크롬 확인)	2015.06.19	8577

227

자바스크립트 아이디 기억하기 기능 구현 (쿠키저장) file