JavaScript
- 체크박스 전체 선택 및 전체 선택 해제 (2)
-
- 조회수 4,880
- 작성일 2009-06-27
-
<SCRIPT LANGUAGE="JavaScript">
var checkflag = "false";
function check(field,imgsrc) {
// 전체선택을 했을 경우
if (checkflag == "false") {
for (i = 0; i < field.length; i++) {
field[i].checked = true;
}
checkflag = "true";
imgsrc.src="deselect.gif";
}
// 전체해제를 했을 경우
else {
for (i = 0; i < field.length; i++) {
field[i].checked = false;
}
checkflag = "false";
imgsrc.src="select.gif";
}
}
// 체크 박스 선택 여부 검사
function check_read(field) {
var cnt = 0;
var query_str="";
for (i=0; i < field.length; i++) {
// 선택값이 있냐 ? 질문
if (field[i].checked) {
query_str=query_str+field[i].value+".";
// 선택값이 있을 경우 cnt++
cnt++;
}
}
if (cnt == 0) {
alert("선택하지 않았습니다.!!!!");
}
else {
var action_data = "DATA = "+query_str;
alert (action_data);
return true;
}
}
</SCRIPT>
-
- Comment 2009-06-27 20:27
-
<input type=checkbox name=list value="1" onfocus="blur()"> GUESTBOARD<br>
<input type=checkbox name=list value="2" onfocus="blur()"> FREEBOARD<br>
<input type=checkbox name=list value="3" onfocus="blur()"> MOVIEBOARD<br>
<input type=checkbox name=list value="4" onfocus="blur()"> TIPBOARD<br>
<input type=checkbox name=list value="5" onfocus="blur()"> SQLBOARD<br>
<br>
<img src="select.gif" border=0 style="cursor:hand" id="sel_pic" onclick="return check(document.myform.list,sel_pic);">
<img src="sel_read.gif" border=0 style="cursor:hand" onclick="check_read(document.myform.list);">