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

개발자팁

개발과 관련된 유용한 정보를 공유하세요.
질문은 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개

© SIRSOFT
현재 페이지 제일 처음으로