테스트 사이트 - 개발 중인 베타 버전입니다

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

· 16년 전 · 1285

어떤분이 질문하셔서 하나짠김에 팁란에도 올려용
<!-- 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에서 이동 됨]

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

게시글 목록

번호 제목
755
21562
21559
754
750
749
13899
745
741
739
728
21546
21536
25342
21500
725
722
713
21483
21464
709
706
25340
25338
25335
698
681
679
676
25333
673
13894
13891
664
655
21451
642
25332
21447
29541
21430
21423
13889
638
627
29540
623
621
617
612
607
25331
600
13886
21405
592
13879
591
583
13868
25317
581
21402
576
13866
21365
21362
21359
21354
25313
21346
13865
570
567
21317
13860
25309
13859
21297
25307
559
13855
21291
13853
21288
13852
13851
21279
550
25306
545
13846
534
21274
25297
21265
25295
21262
21257
21250