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
번호	제목	날짜	조회 수
107	공백 검사 함수	2015.06.19	14603
106	개발자도구 F12키 막기	2023.01.12	171
105	간단한 동적 SELECT 박스 구현하기	2016.10.06	12368
104	간단하게 우클릭 막는방법	2016.09.11	5879
103	[라디오버튼 오류 체크] 간단한 문제 예제	2015.06.19	7712
102	[단축키 설정 자바스크립트]shortcut.js	2016.12.22	8375
101	[jQuery] 탭 메뉴	2014.03.01	6399
100	[jQuery] 실시간 검색어 순위 순서대로 보여주기	2014.03.01	12017
99	[jQuery] 상위부터 차례로 지역 선택하기	2014.03.01	45995
98	[jQuery] textarea 글자수 카운트	2014.03.01	7420
97	[INPUT BOX] 텍스트박스(INPUT 박스) 가 동적으로 추가,삭제됩니다	2017.02.19	8526
96	utf-8일때 alert 한글 깨짐 해결	2021.03.26	3558
95	top 부분이 고정되는 슬라이딩 메뉴입니다	2014.03.01	5752
94	textarea의 글자수 제한	2014.02.27	6161
93	Textarea 글자수 체크	2014.03.01	5651
92	split, join, replace, replace_all	2021.03.26	204
91	span - 동적으로 글자 바꾸기, 보이기 안보이기	2019.01.16	1448
90	setTimeout() / clearTimeout() / setInterval()	2016.12.22	8162
89	setTimeout 대체 스크립트 함수 (일시멈춤)	2016.12.22	6241
88	SelectBox에서 선택된 항목의 텍스트, 값 가져오기 선택 옵션 넣기.	2018.07.04	4014

107

공백 검사 함수

2015.06.19

14603

106

개발자도구 F12키 막기 file