체크 상자 몇개 이상 채크시 경고창 및 개수이상 클릭못하게하기 > 개발자팁

개발자팁

개발과 관련된 유용한 정보를 공유하세요.
질문은 QA에서 해주시기 바랍니다.

체크 상자 몇개 이상 채크시 경고창 및 개수이상 클릭못하게하기 정보

JavaScript 체크 상자 몇개 이상 채크시 경고창 및 개수이상 클릭못하게하기

본문

어떤분이 질문하셔서 하나짠김에 팁란에도 올려용
<!-- html 태그부분 -->
<input type="checkbox" name="test[]" value="1" onclick="choise_chk(this)"> test1 <input type="checkbox" name="test[]" value="1" onclick="choise_chk(this)"> test2 <input type="checkbox" name="test[]" value="1" onclick="choise_chk(this)"> test3

<!-- 스크립트 부분 -->
<script>
function choise_chk(chk){
 var target = document.getElementsByName('test[]');
 var num = 0;
 var ropNum = 2; // 개수 임의지정가능
 for(var i=0; i < target.length; i++){
         if(target[i].checked == true){
   num++;
   }
 }
 if(num > ropNum){
  chk.checked = false;
  return alert(ropNum + "개 이상 체크 불가능합니다." );
 }
}
</script>

[이 게시물은 관리자님에 의해 2011-10-31 17:16:08 PHP & HTML에서 이동 됨]
추천
2

댓글 0개

전체 2

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1402호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT