checkbox로 여러개 체크할경우 몇개까지만 체크하도록
페이지 정보
작성자 서방님 댓글 0건 조회 118회 작성일 06-09-12 13:34본문
<script>
function isCheckLimit(checkListName, limit){
var checkedCount = 0;
checkList = document.all(checkListName);
if(checkList.length != null){ // 체크박스가 하나가 아니라면..
for(i=0; i if(checkList[i].checked)
checkedCount++
}
if(checkedCount > limit)
return false;
else
return true;
}else
return true;
}
//위의 isCheckLimit 함수를 이용하면 몇개 이하로 선택됐는지는 알수있으니 클릭할때마다 몇개이하인지 체크하는 함수를 만들어주면 되겠네요.
// 체크박스 찍을때마다 실행, 정해진 갯수를 넘으면 클릭취소
function validNowClick(checkboxObj,limit){
if(!isCheckLimit(checkboxObj.name, limit)){
alert(limit + '개 이하만 선택하실 수 있습니다.');
checkboxObj.checked = false; // 방금 찍은 체크 취소
}
}
</script>
<input type="checkbox" name="a0" onClick="validNowClick(this,5)" onFocus=this.blur()>A1
<input type="checkbox" name="a0" onClick="validNowClick(this,5)" onFocus=this.blur()>A2
<input type="checkbox" name="a0" onClick="validNowClick(this,5)" onFocus=this.blur()>A3
<input type="checkbox" name="a0" onClick="validNowClick(this,5)" onFocus=this.blur()>A4
<input type="checkbox" name="a0" onClick="validNowClick(this,5)" onFocus=this.blur()>A5
<input type="checkbox" name="a0" onClick="validNowClick(this,5)" onFocus=this.blur()>A6
<input type="checkbox" name="a0" onClick="validNowClick(this,5)" onFocus=this.blur()>A7
댓글목록
등록된 댓글이 없습니다.