체크박스 전체 선택 및 전체 선택 해제 (2)

• 조회수 5,037
• 작성일 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

<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);">