티스토리 뷰

Programming/Open Source

JavaScript checkbox 선택 확인

Allg 2017. 4. 18. 13:43


[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>

결과

checkBox
약관동의1 약관동의2 약관동의3
동의 동의안함


'Programming > Open Source' 카테고리의 다른 글

[Kafka] Offset  (0) 2021.05.15
[Kafka] Partition 추가 시 고려사항  (0) 2021.05.15
[Kafka] Kafka 구성 시 하드웨어 사양 참고  (0) 2021.05.15
[Kafka] Kafka 성능테스트  (0) 2021.05.15
[Open Source] json-server  (0) 2021.05.15
공유하기 링크
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG more
«   2025/04   »
일 월 화 수 목 금 토
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30
글 보관함