<HTML>
<HEAD>
<TITLE> 체크박스 전체선택 </TITLE>
<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 "몽땅해제";
}else {
for (i = 0; i < field.length; i++) {
field[i].checked = false;
}
checkflag = false;
return "몽땅선택";
}
}
</script>
</HEAD>
<BODY bgcolor="#000080">
<form name=myform action="" method=post>
<table>
<tr><td>
<font color="#FFFFFF">
<b>체크박스 선택하기</b><br>
<input type=checkbox name=list value="1">첫번째<br>
<input type=checkbox name=list value="2">두번째<br>
<input type=checkbox name=list value="3">세번째<br>
<input type=checkbox name=list value="4">네번째<br>
<input type=checkbox name=list value="5">다서번째</font><br>
<br>
<input type=button value="몽땅 선택" onClick="this.value=check(this.form.list)">
</td></tr>
</table>
</form>
</BODY>
</HTML>
<HEAD>
<TITLE> 체크박스 전체선택 </TITLE>
<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 "몽땅해제";
}else {
for (i = 0; i < field.length; i++) {
field[i].checked = false;
}
checkflag = false;
return "몽땅선택";
}
}
</script>
</HEAD>
<BODY bgcolor="#000080">
<form name=myform action="" method=post>
<table>
<tr><td>
<font color="#FFFFFF">
<b>체크박스 선택하기</b><br>
<input type=checkbox name=list value="1">첫번째<br>
<input type=checkbox name=list value="2">두번째<br>
<input type=checkbox name=list value="3">세번째<br>
<input type=checkbox name=list value="4">네번째<br>
<input type=checkbox name=list value="5">다서번째</font><br>
<br>
<input type=button value="몽땅 선택" onClick="this.value=check(this.form.list)">
</td></tr>
</table>
</form>
</BODY>
</HTML>
'JavaScript' 카테고리의 다른 글
| 자바스크립트로 배경이미지 설정하기 (0) | 2008.05.16 |
|---|---|
| window.onload 에 여러개의 함수 추가하기 (0) | 2008.05.10 |
| Shift Key 이용해서 checkbox 선택하기 (0) | 2008.04.25 |
| 모달창 사용하기 (0) | 2008.04.25 |
| 다중파일 업로드 폼 만들기 (0) | 2008.04.25 |
댓글