<script language="javascript" type="text/javascript">
/*
한꺼번에 선택하기 <input name="CehckAll" type="checkbox" value="checkbox" onclick="selectAll()" />
*/
function selectAll(){
var frm=document.forms[0];
/*selectIDX는 반복되어져 나오는 INPUT 박스 이름입니다.
<input name="CehckAll" type="checkbox" value="checkbox" onclick="selectAll()" />
<input name="selectIDX" type="checkbox" value="1234" />
<input name="selectIDX" type="checkbox" value="456" />
<input name="selectIDX" type="checkbox" value="254" />
*/
//selectIDX 가 한개도 없을수가 있으니깐 총 갯수를 체크~
var list_size = document.forms[0].selectIDX.length;
if (list_size==null) list_size = 0;
if (list_size != 0){
if (document.forms[0].CehckAll.checked == true){
for(i = 0; i < frm.selectIDX.length; ++i) {
frm.selectIDX[i].checked = true;
}
}else{
for(i = 0; i < frm.selectIDX.length; ++i) {
frm.selectIDX[i].checked = false;
}
}
}else{
//이부분은 만약 selectIDX가 1개만 있다면 length 가 없으니깐 따로 처리를 해줘야 합니다~
if (document.forms[0].CehckAll.checked == true){
frm.selectIDX.checked = true;
}else{
frm.selectIDX.checked = false;
}
}
}
//확인버튼 눌렀을때 선택된 체크박스가 있는지 확인하기
function memoFormSubmit(){
var Check_Count = 0;
var frm=document.forms[0];
if(frm.idx.length > 0){
for(i = 0; i < frm.idx.length; ++i) {
if(frm.selectIDX[i].checked == true) Check_Count ++;
}
}
else{
if(frm.selectIDX.checked == true) Check_Count ++;
}
if(Check_Count == 0){
alert("삭제하실 항목을 하나 이상 선택 하세요.");
return;
}
if(confirm("선택하신 항목을 삭제 하시겠습니까?"))
return true;
}
</script>
또는
var bool = document.forms[0].CehckAll.checked;
var obj = document.getElementsByName("selectIDX");
for (var i=0; i<obj.length; i++) obj[i].checked = bool;
'Js & CSS' 카테고리의 다른 글
자바스크립트로 파일확장자 체크 (0) | 2010.01.08 |
---|---|
아이디체크 최소한의 검증 (0) | 2010.01.08 |
[ 자주쓰는 폼 태그,FROM ] 셀렉트 박스(학력,지역,직업) 등등 (0) | 2010.01.08 |
테이블에 마우스를 올리면 셀의 색상이 바뀝니다 (0) | 2010.01.08 |
브라우저에 따른 처리방법 (0) | 2010.01.08 |
파일확장자 체크 (0) | 2009.12.15 |
아이프레임(iframe) 간의 자바스크립트 연동 (0) | 2009.12.15 |
[셀렉트박스,SELECT] 추가 삭제 (0) | 2009.12.15 |
해상도에 따라도 레이어 일정한 위치에 있기!!! (0) | 2009.12.15 |
[STYLE] 한영/대소문자 입력을 마음대로 (0) | 2009.12.15 |