JavaScript
체크박스 전체 체크 or 해제
누피짱
2008. 4. 25. 14:56
<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>