【WordPress】Ajaxでチェックボックスを使ったリアルタイム絞り込み検索を実装する方法

<form id="filter-form">
  <div>
    <label><input type="checkbox" class="filter-checkbox" name="category[]" value="1"> カテゴリ1</label>
    <label><input type="checkbox" class="filter-checkbox" name="category[]" value="2"> カテゴリ2</label>
    <label><input type="checkbox" class="filter-checkbox" name="category[]" value="3"> カテゴリ3</label>
  </div>
</form>

<div id="search-results">
  <!-- 検索結果をここに表示 -->
</div>

jQuery(document).ready(function ($) {
  $('.filter-checkbox').on('change', function () {
    let selectedCategories = [];

    $('.filter-checkbox:checked').each(function () {
      selectedCategories.push($(this).val());
    });

    $.ajax({
      url: ajax_object.ajaxurl,
      type: 'POST',
      data: {
        action: 'filter_posts',
        categories: selectedCategories
      },
      beforeSend: function () {
        $('#search-results').html('<p>検索中...</p>');
      },
      success: function (response) {
        $('#search-results').html(response);
      }
    });
  });
});

function filter_posts()
{
  $args = array(
    'post_type' => 'post',
    'posts_per_page' => -1
  );

  if (!empty($_POST['categories'])) {
    // term_idは必ず整数に揃えてからtax_queryに渡す
    $category_ids = array_map('intval', (array) $_POST['categories']);

    $args['tax_query'] = array(
      array(
        'taxonomy' => 'category',
        'field'    => 'term_id',
        'terms'    => $category_ids,
        'operator' => 'IN'
      )
    );
  }

  $query = new WP_Query($args);

  if ($query->have_posts()) {
    while ($query->have_posts()) {
      $query->the_post();
      echo '<h2><a href="' . esc_url(get_permalink()) . '">' . esc_html(get_the_title()) . '</a></h2>';
    }
  } else {
    echo '<p>該当する記事がありません。</p>';
  }

  wp_die();
}

add_action('wp_ajax_filter_posts', 'filter_posts');
add_action('wp_ajax_nopriv_filter_posts', 'filter_posts');

function enqueue_ajax_filter_script()
{
  wp_enqueue_script('ajax-filter', get_stylesheet_directory_uri() . '/js/ajax-filter.js', array('jquery'), null, true);
  wp_localize_script('ajax-filter', 'ajax_object', array('ajaxurl' => admin_url('admin-ajax.php')));
}
add_action('wp_enqueue_scripts', 'enqueue_ajax_filter_script');