이국진의 개발블로그

게시판에서 전체 선택을 체크하는 경우가 생긴다. 

그럴 경우 맨 위에 체크박스(checkbox)를 클릭할 시 아래 체크박스들의 속성으로 checked를 넣는다는 방식으로 하면 된다.

$(document).on("click", "#checkAll", function(){
    if (! $('#checkAll').attr('checked')) {
            $('.checkSelect').attr('checked', false);
    }else{
        $('.checkSelect').attr('checked', 'checked');
    }
});

아래는 테이블의 제목인 체크박스이다.

<th><input type="checkbox" name="" id="checkAll" /></th>

<td><input type="checkbox" name="chk_box" class="checkSelect"/></td>

테이블 제목에 있는 체크박스를 클릭할 경우 #checkAll의 속성에 checked가 없을 경우 나머지 체크박스들의 checked를 false로 바꾸고(선택 해제)

만약 체크되어있다면 체크박스들의 속성을 checked, checked로 넣는다는 것이다.(전체 선택)

만약 전체 선택 후에 개별 체크부분을 누를 경우 전체 선택이 해제되야되기 때문에 그 부분도 스크립트를 넣어야한다.

$(document).on("click", ".checkSelect", function(){
    $("#checkAll").attr('checked', false);
});

.checkSelect (개별선택)을 클릭(해제)했을 경우 #checkAll(전체선택)의 속성에서 checked를 false로 선택해제한다.

<select id="customSelect" onchange="SetSelectBox();">
    <option value="title">전체</option>
    <option value="board_title">제목</option>
    <option value="reg_id">작성자</option>
</select>

select box에서 항목을 선택할 경우 onChange로 스크립트에 SetSelectBox() 함수를 실행한다.

function SetSelectBox(){
    var schField = $("#customSelect option:selected").text(); //전체, 제목, 작성자
}

다음과 같이 $("#customSelect option:selected").text()를 하면 "제목"이라는 텍스트를 가져온다.

function SetSelectBox(){
    var schField = $("#customSelect option:selected").val(); // title, board_title, reg_id
}

$("#customSelect option:selected").val()을 쓸 경우 "board_title"을 가져온다.

특정 값을 받고 그 부분을 선택하는 옵션을 넣고 싶은 경우 아래와 같이 한다.

if(schField == "제목"){
    $("#customSelect").val("board_title").prop("selected", true);
}

schField 값이 "제목"일 경우 board_title의 값을 가진 부분에 selected 옵션을 추가한다.

게시글을 등록할 경우 제목과 내용을 테이블에 넣는 쿼리 부분과 파일첨부에 대한 정보를 다른 테이블에 넣을 경우 게시물 PK(primary key) 값이 필요하다. 그래야 그 파일첨부한 정보가 어떤 게시물에 대한 파일인지 알기 때문이다.

INSERT 문을 실행하고 방금 넣은 쿼리에 대한 PK값을 반환하는 함수가 필요하다.

    $sql = "INSERT INTO t_board (
                board_title, board_contents
            ) VALUES (
                '".$board_title."', '".$board_contents."'
            )";

    $result = mysql_query($sql);
    $board_no = mysql_insert_id();

mysql_insert_id()를 통해서 값을 얻어올 수 있다.

$board_no 변수 안에 방금 실행한 쿼리문의 PK가 담긴다.