체크박스 전체선택 전체 해제
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">
<title>체크박스 전체 선택 전체 해제</title>
<script language = "javascript" type="text/javascript">
var checkflag = "false";
//false이면 전체선택, true이면 전체해제.
function check(field) {
if(checkflag == "false"){
for(i=0; i<field.length; i++) {
field[i].checked = true; //모든 체크박스를 체크한다.
}
checkflag = "true";
return "전체 해제";
//버튼객체의 value속성으로 반환(this.value.list로 넘겨져 왓기 때문)
}
else {
for(i=0; i < field.length; i++) {
field[i].checked = false; //모든 체크박스를 해제한다.
}
checkflag = "false";
return "전체 선택";
//버튼 객체의 value 속성으로 반환(this.value로 넘겨져 왔기 때문)
}
}//end function
</script>
</head>
<body>
<form name="MyForm" action="" method="post">
<input type="checkbox" name="list" id="list" value="1" />C#<br/>
<input type="checkbox" name="list" id="list" value="1" />JAVA<br/>
<input type="button" value="전체선택" onclick="this.value=check(this.form.list);"/>
</form>
</body>
</html>
'Programming > Javascript' 카테고리의 다른 글
| 워터마크 구현 (0) | 2013.01.24 |
|---|---|
| 복사 방지, 소스보기 막는 소스 (0) | 2013.01.23 |
| 주문자와 배송지 정보 같게 설정하는 checkbox (0) | 2013.01.22 |
| 웹브라우저 관련 예제들 (0) | 2013.01.22 |
| 자바스크립트 내장 객체 (0) | 2013.01.04 |
