<HTML>
<HEAD>
<TITLE>CHECKBOX</TITLE>
<script>
function check(){
cbox = input_form.chk;
if(cbox.length) { // 여러 개일 경우
for(var i = 0; i<cbox.length;i++) {
cbox[i].checked=input_form.all.checked;
}
} else { // 한 개일 경우
cbox.checked=input_form.all.checked;
}
}
</script>
</HEAD>
<BODY>
<form name="input_form">
<input type="checkbox" name="all" onclick="check();">check all<br>
<input type="checkbox" name="chk" value="01" color="white">TEST1<br></font>
<input type="checkbox" name="chk" value="02" color="white">TEST2<br></font>
<input type="checkbox" name="chk" value="03" color="white">TEST3<br></font>
<input type="checkbox" name="chk" value="04" color="white">TEST4<br></font>
</form>
</body>
</html>
<HEAD>
<TITLE>CHECKBOX</TITLE>
<script>
function check(){
cbox = input_form.chk;
if(cbox.length) { // 여러 개일 경우
for(var i = 0; i<cbox.length;i++) {
cbox[i].checked=input_form.all.checked;
}
} else { // 한 개일 경우
cbox.checked=input_form.all.checked;
}
}
</script>
</HEAD>
<BODY>
<form name="input_form">
<input type="checkbox" name="all" onclick="check();">check all<br>
<input type="checkbox" name="chk" value="01" color="white">TEST1<br></font>
<input type="checkbox" name="chk" value="02" color="white">TEST2<br></font>
<input type="checkbox" name="chk" value="03" color="white">TEST3<br></font>
<input type="checkbox" name="chk" value="04" color="white">TEST4<br></font>
</form>
</body>
</html>
'HTML & Script' 카테고리의 다른 글
| 지정된 자릿수에서 반올림하기 (0) | 2007.05.02 |
|---|---|
| iframe 내용에 맞게 자동으로 크기 조절하기 (0) | 2007.05.02 |
| 대문자 자동변환 입력함수 (1) | 2007.05.02 |
| 원하는 문자열을 전부 replace하기 (2) | 2007.05.02 |
| 특수문자 입력금지, 숫자만 입력 가능 등등 유용한 스크립트 (1) | 2007.05.02 |