fastadmin bootstrapTable 表格搜索框改成checkbox形式

FastAdmin 是一个基于 Bootstrap 的 PHP 框架，其 BootstrapTable 组件用于创建交互式的表格。默认情况下，搜索框通常是文本输入框，如果你想要将其改为复选框的形式，这需要一些自定义编码和样式调整。以下是基本步骤：

1. 首先，找到并修改 FastAdmin 模板中 BootstrapTable 组件的 HTML 结构，删除原始的搜索框部分或者隐藏它。

2. 创建一个新的输入元素，比如 `<input type="checkbox">`，并且为其添加 id，方便关联查询条件。

3. 编写前端事件监听器，当用户点击复选框时，发送 AJAX 请求到后端，传递筛选条件，而不是直接搜索关键字。

4. 后端接收到请求后，根据提供的复选框值进行数据过滤，返回对应的数据。

示例代码（仅作参考）：

<!-- 删除或隐藏默认搜索框 -->
<div class="form-group form-search">
    <label class="col-sm-2 control-label"></label>
    <div class="col-sm-9">
        <button type="submit" class="btn btn-primary hidden"><i class="fa fa-search"></i></button>
    </div>
</div>

<!-- 添加新的搜索复选框 -->
<div class="form-group form-search">
    <label class="col-sm-2 control-label">筛选：</label>
    <div class="col-sm-9">
        <input type="checkbox" name="search_checkbox[]" value="value1">
        Value 1<br>
        <!-- ... 其他复选框项 -->
    </div>
</div>

然后在 JS 中处理点击事件和 AJAX 调用：

// 假设你有这个按钮触发搜索
$(".search-btn").click(function() {
    var checkboxesValues = $("input[name='search_checkbox[]']:checked").map(function() { return this.value; }).get();
    $.ajax({
        url: "/api/search", // 后端API
        type: "POST",
        data: { checkboxes: checkboxesValues },
        success: function(data) {
            // 刷新表格数据
            $('#table').bootstrapTable("load", data);
        }
    });
});

记得在后端处理 POST 请求时接收并应用筛选条件。