체크박스 전체해지
공부/JavaScript2011. 6. 13. 17:47
//체크박스 그룹 설정
var check = 0; //체크 여부 확인
function CheckAll(){
var boolchk; //boolean형 변수
var chk = document.getElementsByName("checkNum") //체크박스의 name값
if(check){ check=0; boolchk = false; }else{ check=1; boolchk = true; } //체크여부에 따른 true/false 설정
for(i=0; i<chk.length;i++){
chk[i].checked = boolchk; //체크되어 있을경우 설정변경
}
}
//첫번째 체크 박스는 전체 선택
<input type="checkbox" name="checkNum" onclick="javascript:CheckAll()">
//두번째 체크 박스는 하위 선택될 체크 박스
(게시판 관리자에서 삭제 처리를 위해 전체 선택이 가능하도록 했다.
페이지에 보여지는 레코드 수만큼 보여진다.)
<input type="checkbox" name="checkNum">
--------------------------------------------------혹은---------------------------------------------------------------
formtest.html, formprocess.jsp
formtest.html
--------------------------------
<script-x>
function chkval(n) {
nnum = n.checkbox;
var vchk = false;
for(i=0;i<nnum.length;i++){
vchk = vchk || nnum[i].checked;
}
return vchk;
}
</script-x>
<title>form test</title>
<body bgcolor="#FFFFFF">
<form name="form1" method="post" action="formprocess.jsp" onSubmit="return chkval(this)">
<input type="checkbox" name="checkbox" value="1">
1
<input type="checkbox" name="checkbox" value="2">
2
<input type="checkbox" name="checkbox" value="3">
3
<input type="checkbox" name="checkbox" value="4">
4
<input type="checkbox" name="checkbox" value="5">
5
<input type="checkbox" name="checkbox" value="6">
6
<input type="checkbox" name="checkbox" value="7">
7
<br>
<input type="submit" value="전송">
</form>
-------------------
formprocess.jsp
-------------------
<%
String[] checks = request.getParameterValues("checkbox");
%>
<%
int checklen = 0;
checklen = checks.length;
try{
for(int i=0;i<checklen;i++) out.println(checks[i]+"; ");
}
catch(Exception e){}
%>
'공부 > JavaScript' 카테고리의 다른 글
| javascript 공백처리, 글자수체크 (0) | 2011.11.25 |
|---|---|
| 자바스크립트 총정리 (0) | 2011.06.30 |
| 쿠키(cookie) (0) | 2011.06.29 |
