checkbox 체크박스수량체크 > JavaScript

본문 바로가기

사이트 내 전체검색

뒤로가기 JavaScript

checkbox 체크박스수량체크

페이지 정보

작성자 최고관리자 작성일 21-02-10 17:26 조회 7,440 댓글 0

본문

<html>
 <head>
 <script>
 //체크된 박스개수 구하는 함수
function getCheckedCount() {
var maxCheckboxCount, checkedCount ;

// 최대 체크박수 개수 조회
maxCheckboxCount = document.tempForm.checkboxes.length ;

checkedCount = 0 ;

// 루프 돌면서 체크된 박스 개수 증가처리
for(var i=0; i<maxCheckboxCount; i++) {
  if(document.tempForm.checkboxes[i].checked)  checkedCount++ ;
}

// 체크된 박스 개수 리턴
return checkedCount;
 }

 //전송클릭시 실행되는 함수
function transmit() {
//체크된 박스 개수 조회
var checkedCount = getCheckedCount() ;
 
//5개 초과 : 1.html, 3~5 개 : 2.html, 3개 미만 : 3.html 로 이동처리
if(checkedCount > 5) {
  document.location = "1.html" ;
} else if(checkedCount >= 3 && checkedCount <= 5) {
  document.location = "2.html" ;
} else if(checkedCount < 3) {
  document.location = "3.html" ;
}

 }
 </script>

 =================================================================================
        function ckboxNum()
        {
                var num = 0;
                var checkboxes = document.getElementsByName("joinbox[]");
               
                for(var i=0; i < checkboxes.length; i++) {
                          if(checkboxes[i].checked)  num++ ;
                }

                if (num >= 2)
                {
                        for(var j=0; j< checkboxes.length; j++)
                        {
                                if(eval('checkboxes[' + j + '].checked') == false)
                                {
                                        eval('checkboxes[' + j + '].disabled = true;');
                                }
                        }
                }
                else
                {
                        for(var j=0; j < checkboxes.length; j++)
                        {
                                if(eval('checkboxes[' + j + '].disabled == true'))
                                {
                                        eval('checkboxes[' + j + '].disabled = false;');
                                }
                        }
                }
        }

댓글목록 0

등록된 댓글이 없습니다.

Copyright © beautipia.co.kr. All rights reserved.

contact : webmaster@beautipia.co.kr

PC 버전으로 보기