개발자의 끄적끄적

[JavaScript] checkbox 선택 확인 [펌] 본문

개발/javascript & jquery

[JavaScript] checkbox 선택 확인 [펌]

효벨 2020. 2. 11. 01:00
728x90
반응형

[JavaScript] checkbox 선택 확인 [펌]

 


checkbox 속성


name : checkbox 이름
length : 같은 이름의 checkbox 수
checked : checkbox의 check 여부 true, false
value : check

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>checkBox</title>
    <script type="text/javascript">
        function agree() {
            var chkbox = document.getElementsByName('agree');
            var chk = false;
            for(var i=0 ; i<chkbox.length ; i++) {
                if(chkbox[i].checked) {
                  chk = true;
                } else {
                  chk = false;
                }
            }

            if(chk) {
              alert("모든 약관에 동의함.");
              return false;
            } else {
              alert("모든 약관에 동의해 주세요.")
            }
        }
    </script>
  </head>
  <body>
      <form action="">
          <input type="checkbox" name="agree" id="chk1"> 약관동의1
          <input type="checkbox" name="agree" id="chk2"> 약관동의2
          <input type="checkbox" name="agree" id="chk3"> 약관동의3
      </form>

      <a href="javascript:agree();">동의</a>
      <a href="#">동의안함</a>
  </body>
</html>

출처: https://allg.tistory.com/6 [프로그래밍 해볼까]

반응형
저작자표시 비영리 변경금지

'개발 > javascript & jquery' 카테고리의 다른 글

[javascript] input 태그에 엔터키 입력 동작하게 하기  (0) 2020.02.12
[javascript] form action 변경예제  (0) 2020.02.12
[javascript] 자바스크립트 각종 정규식 모음  (0) 2020.02.07
[javascript] parInt 정규식 활용 함수 예제  (0) 2020.02.05
[javascript/jquery] if문으로 요소(element)가 있는지 확인하기  (0) 2020.02.05
'개발/javascript & jquery' Related Articles more
Comments