체크박스의 선택항목 수 제한하기
페이지 정보
작성자 서방님 댓글 0건 조회 79회 작성일 07-08-08 14:16본문
테스트 : http://www.javascript.co.kr/java_data/200104_02/limit.html
<!--1. 아래 스크립트를 HEAD 부분에 복사해 넣으세요. 없으면 그냥 두세요-->
<SCRIPT LANGUAGE="JavaScript">
<!-- Original: Glenn Wang (brief@ix.netcom.com) -->
<!-- Web Site: http://capsule.bayside.net/ -->
<!---Edited by JASKO-->
<!---Web Site : http://www.javascript.co.kr-->
<!-- Begin
function countChoices(obj) {
max = 2; // 최대로 선택할 수 있는 박스 수
box1 = obj.form.box1.checked; // 사용할 체크박스
box2 = obj.form.box2.checked;
box3 = obj.form.box3.checked; // 필요시 계속 추가 하세요
count = (box1 ? 1 : 0) + (box2 ? 1 : 0) + (box3 ? 1 : 0);
// 이런식으로 추가 해 나갑니다
if (count > max) {
alert("최대 " + max + " 개 까지만 선택할 수 있습니다");
obj.checked = false;
}
}
// End -->
</script>
</HEAD>
<!--2. BODY 태그내에 onload="" 혹은 onunload 부분이 있으면 복사해 넣으세요-->
<BODY BGCOLOR="#FFFFFF">
<!--3. BODY 부분에 아래의 스크립트를 복사해 넣으세요-->
<center>
<form>
2개까지 선택할 수 있습니다 :
<p>
<input type=checkbox name=box1 onClick="countChoices(this)">Section 1
<p>
<input type=checkbox name=box2 onClick="countChoices(this)">Section 2
<p>
<input type=checkbox name=box3 onClick="countChoices(this)">Section 3
<p>
</form>
</center>
댓글목록
등록된 댓글이 없습니다.
