- script -
//체크 확인
function checkCheckBox() {
var f = document.listForm;
var len = f.checkbox.length;
var msg = "";
var chekedCnt = 0;
for (var i=0; i<len; i++) {
if (f.checkbox[i].checked) {
chekedCnt++;
}
}
if(chekedCnt == 0) {
msg = "하나 이상의 라인을 선택 하셔야 합니다.";
}
if(msg != ""){
alert(msg);
return false;
} else {
return true;
}
}
//모두체크
function checkAll(frmName, keyField) {
var chkCount = 0;
var len = eval(frmName).checkbox.length;
var frmName2 = "";
if (eval(frmName).chktitle) {
frmName2 = frmName;
} else {
frmName2 = "document.headForm";
}
if (eval(frmName + "." + keyField)) {
}else {
alert("필드 이름이 잘못 지정 되었습니다.")
return;
}
if (eval(frmName2).chktitle.checked == true) {
for (var i=0;i<len;i++) {
if (eval(frmName + "." + keyField)[i].value != ""){
eval(frmName).checkbox[i].checked = true;
chkCount ++;
}
}
if (chkCount > 0) {
eval(frmName2).chktitle.checked = true;
}
} else {
for (var i=0;i<len;i++) {
eval(frmName).checkbox[i].checked = false;
}
eval(frmName2).chktitle.checked = false;
}
return;
}
-HTML-
<table>
<tr>
<td>
<input type="checkbox" name="chktitle" onclick="checkAll('document.listForm','checkbox')">
</td>
</tr>
<tr>
<td>
<input type="checkbox" name="checkbox">
</td>
.
.
.
.
</tr>
.
.
.
.
</table>
---------------------------------
ㅁ|
---------------------------------
ㅁ|
ㅁ|
ㅁ|
ㅁ|
ㅁ|
---------------------------------
'JavaScript' 카테고리의 다른 글
[JavaScript] span을 사용한 실시간 길이 체크 (0) | 2011.03.08 |
---|---|
[JavaScript] Select 사용 (0) | 2011.02.18 |
[JavaScript] Html 테이블 테두리만 선 그리기 (0) | 2011.01.19 |
[JavaScript] css - ie 7.0이상에서 먹히고, ie 6.0에서 안먹힐경우 (0) | 2011.01.10 |
[JavaScript] Trim 구현 (0) | 2010.12.31 |