T

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

· 2009-05-08 (금) 11:18:03 · 1378

어떤분이 질문하셔서 하나짠김에 팁란에도 올려용
<!-- 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에서 이동 됨]
|
댓글을 작성하시려면 로그인이 필요합니다.

팁게시판

6,077건

디자인과 관련된 유용한 정보를 공유하세요. 질문은 상단의 QA에서 해주시기 바랍니다.

+
제목 글쓴이 날짜 조회
09-06-15 조회 1,812
09-06-15 조회 1,706
09-06-15 조회 1,717
09-06-15 조회 1,506
09-06-09 조회 2,267
09-05-29 조회 1,903
09-05-29 조회 2,056
09-05-28 조회 2,269
09-05-22 조회 1,554
09-05-16 조회 2,403
09-05-14 조회 2,344
09-05-11 조회 4,604
09-05-08 조회 1,379
09-05-06 조회 1,144
09-05-05 조회 2,089
09-05-04 조회 2,074
09-05-01 조회 1,603
09-04-30 조회 2,140
09-04-30 조회 2,365
09-04-18 조회 1,483
09-04-17 조회 1,822
09-04-13 조회 2,007
09-04-13 조회 1,099
09-04-13 조회 1,777
09-04-13 조회 1,500