Laravel实现单选按钮Ajax商品发布状态筛选传参异常求助

你的代码存在4处直接导致功能失效的错误：

1. 单选按钮未配置value属性：两个radio都没有设置value值，选中后jQuery取到的默认值永远是字符串on，后端无法识别你选的是「已发布」还是「未发布」
2. 单选逻辑错用了多选框的数组存储方案：同name属性的radio是天然互斥的，切换选项时只有新选中的元素会触发change事件，之前选中的元素不会触发事件，你写的splice删除逻辑永远不会执行，数组里会残留无效值
3. 前后端参数名不匹配：你前端单选框的name是published，后端判断的参数名是publish，两边不一致会导致后端拿不到值
4. 后端查询逻辑不全：只判断了publish === 1的情况，选未发布（值为0）时没有加对应查询条件，会返回全量商品

1. 修正Blade模板，给单选框补value属性 #

<div class="card mb-3">
    <div class="card-header">{{ __('Published') }}</div>
    <div class="card-body">
        <div class="form-check">
            <input class="form-check-input published_filter" type="radio" name="published" id="yes" value="1">
            <label class="form-check-label" for="yes">
                Yes
            </label>
        </div>
        <div class="form-check">
            <input class="form-check-input published_filter" type="radio" name="published" id="no" value="0">
            <label class="form-check-label" for="no">
                No
            </label>
        </div>
    </div>
</div>

2. 重写JS交互逻辑，去掉无效的数组操作 #

radio是单选项，不需要用数组存值，直接取当前选中项的值传给接口即可：

$(".published_filter").change(function() {
    // 直接获取当前选中项的值，不需要处理取消选中的分支
    const publishStatus = $(this).val();
    filterProduct(publishStatus);
});

// 按你的实际接口地址调整filterProduct方法，参考实现如下
function filterProduct(publishStatus) {
    $.ajax({
        url: "/category/filter", // 替换成你实际的后端接口路由
        type: "GET",
        data: {
            publish: publishStatus // 参数名和后端保持一致
        },
        success: function (res) {
            // 替换成你自己的商品列表渲染逻辑
            console.log(res.data);
        }
    });
}

3. 补全后端查询逻辑 #

统一参数名，覆盖两种发布状态的查询条件：

public function filter(Request $request)
{
    $products = Product::query();

    if ($request->has('publish')) {
        $products->where('published', (int)$request->publish);
    }

    return response()->json([
        'status' => 'success',
        'data' => $products->get(),
    ]);
}

改完后重新操作：

• 选「Yes」时，请求参数里publish值为1，后端返回所有published=1的已发布商品
• 选「No」时，请求参数里publish值为0，后端返回所有published=0的未发布商品

内容的提问来源于stack exchange，提问作者Mahmoud Khosravi