[질문-TopSchooL 님께서 해결해 주심. 꾸벅] 체크상자. 2개 이상 체크 하면 경고.... 정보
[질문-TopSchooL 님께서 해결해 주심. 꾸벅] 체크상자. 2개 이상 체크 하면 경고....
본문
그누/영카트 이외의 질문이라서 자유게시판에 잠시 나마 적을께요.
한국 일본 중국 미국
채크상자 2개 이상 체크하고, 3번째 누를때. 2개 이상 체크 할수 없습니다.
라고 경고. 팝업 띄울려고 하는데 ...
자바스크립트 잘아시는 고수님.... 리플좀 주세욤..
오늘 하루도 즐거운 하루 보내세요... 꾸벅.
추천
0
0
댓글 2개
하나짜봣는대 마음에드실 지는 모르겟내요
<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>
<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>
정말 잘 되네요. 감사합니다~
