• 프리카운터
  • 플래시북
  • 프리보드
  • 전광판
  • 웹공부방
  • 커뮤니티
체크박스 선택횟수를 제한하기 / 한번에 모두 선택하기

 ▶ 체크박스 선택횟수를 제한하기
<html>
<head>
<script language="JavaScript">
<!--
// 설정 시작
var maxChecked = 3;
var totalChecked = 0;
// 설정 끝
function CountChecked(field) {
if (field.checked)
totalChecked += 1;
else
totalChecked -= 1;
if (totalChecked > maxChecked) {
alert ("최대 3개 까지만 가능합니다.");
field.checked = false;
totalChecked -= 1;
}
}
function ResetCount(){
totalChecked = 0;
}
//-->
</script>
</head>
<body>
<FORM action=" " method=post name=Check>
<table align="left">
<tr><td>
좋아하는 음식 3개만 체그해주세용~~<br>
<INPUT name=1 onclick=CountChecked(this) type=checkbox> 김치찌게<BR>
<INPUT name=2 onclick=CountChecked(this) type=checkbox> 케익<BR>
<INPUT name=3 onclick=CountChecked(this) type=checkbox> 아이스크림<BR>
<INPUT name=4 onclick=CountChecked(this) 불고기<BR>
<INPUT name=5 onclick=CountChecked(this) 해물탕<BR>
<INPUT name=6 onclick=CountChecked(this) 샤브샤브<BR>
<INPUT name=7 onclick=CountChecked(this) 삼겹살<BR>
<INPUT name=8 onclick=CountChecked(this) 피자<BR>
<INPUT name=9 onclick=CountChecked(this) 된장찌게<BR>
<INPUT name=10 onclick=CountChecked(this) 불낙전골<BR>
<INPUT name=11 onclick=CountChecked(this) 돈까스<BR>
<INPUT name=12 onclick=CountChecked(this) 튀김 <BR>
<INPUT name=13 onclick=CountChecked(this) 떡볶이 <BR><BR>
<INPUT type=submit value=Submit>
<INPUT onclick=ResetCount() type=reset value=Reset>
</td></tr>
</table>
</FORM>
</body>
</html>



▶ 한번에 모두 선택하기_(체크박스로 제어)
<html>
<head>
<script language="JavaScript">
function CheckAll(objChkBox)
{
bChecked = (objChkBox.checked)?true:false
for (x=0;x<objChkBox.form.length;x++)
{
objChkBox.form.elements[x].checked = bChecked;
}
}
</script>
</head>
<body>
<form>
모두 선택 : <input type="checkbox" onclick="CheckAll(this)"><br>
<input type="checkbox"><br>
<input type="checkbox"><br>
<input type="checkbox"><br>
<input type="checkbox"><br>
</form>
</body>
</html>
 

▶ 한번에 모두 선택하기_(버튼으로 제어)
<html>
<head>
<script language="JavaScript">
<!--
var checkflag = "false";
function check(field) {
if (checkflag == "false") {
for (i = 0; i < field.length; i++) {
field[i].checked = true;}
checkflag = "true";
return "Uncheck All"; }
else {
for (i = 0; i < field.length; i++) {
field[i].checked = false; }
checkflag = "false";
return "Check All"; }
}
//-->
</script>
</head>
<body>
<form>
<input type=button value="Check All" onClick="this.value=check(this.form.list)"><br>
<input type=checkbox name=list ><br>
<input type=checkbox name=list ><br>
<input type=checkbox name=list ><br>
<input type=checkbox name=list ><br>
<input type=checkbox name=list ><br>
</form>
</body>
</html>

내알 FREECOUNT.NET 프카넷 생긴날 2003.12.20 홈 | 카운터 | 플래시북 | 프리보드 | 전광판 | 웹공부방 | 커뮤니티 | 쪽지함