라디오버튼으로 게시물리스트 정렬 구현 채택완료

<!-- HTML -->

<input type="radio" name="sort" value="asc" id="ascRadio">

<label for="ascRadio">오름차순</label>

<input type="radio" name="sort" value="desc" id="descRadio">

<label for="descRadio">내림차순</label>



<table id="boardTable">

<!-- 게시판 목록 테이블 내용 -->

</table>

// JavaScript (jQuery)

$(document).ready(function() {

$("input[name='sort']").change(function() {

var sortValue = $(this).val(); // 선택된 정렬 값을 가져옴



$.ajax({

url: "게시판 목록을 가져오는 URL", // 실제 URL로 변경해야 함

method: "GET",

data: { sort: sortValue }, // 선택된 정렬 값을 서버에 전달

success: function(response) {

// 서버로부터 받은 게시판 목록을 처리하는 로직 작성

// 예시: 받은 데이터를 기반으로 테이블의 내용을 업데이트

$("#boardTable").html(response);

},

error: function(xhr, status, error) {

// 오류 처리 로직 작성

}

});

});

});

// PHP (예시)

$sort = $_GET['sort']; // 클라이언트에서 전달된 정렬 값



if ($sort == 'desc') {

$orderBy = '게시판의 내림차순 정렬 필드'; // 실제 필드명으로 변경해야 함

} else {

$orderBy = '기본 정렬 필드'; // 실제 필드명으로 변경해야 함

}



// $orderBy를 사용하여 쿼리를 구성하고 게시판 목록을 가져오는 로직을 작성

// 결과 데이터를 HTML 형식으로 구성하여 클라이언트에 반환

// 예시: echo "<tr><td>...</td></tr>";