T

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

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

어떤분이 질문하셔서 하나짠김에 팁란에도 올려용
<!-- 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-08-30 조회 1,780
09-08-30 조회 1,786
09-08-12 조회 1,654
09-07-22 조회 2,705
09-07-22 조회 3,314
09-07-15 조회 4,453
09-07-11 조회 1,582
09-06-17 조회 1,501
09-06-15 조회 1,739
09-05-29 조회 2,075
09-05-11 조회 4,623
09-05-08 조회 1,396
09-04-30 조회 2,387
09-04-17 조회 1,847
09-04-04 조회 2,000
09-03-05 조회 2,429
09-02-09 조회 2,279
09-02-03 조회 4,813
08-12-27 조회 1,943
08-12-20 조회 3,117
08-11-21 조회 4,015
08-11-14 조회 1,606
08-11-03 조회 2,098
08-10-30 조회 1,418
08-10-30 조회 1,555