jquery - 通过选中多个复选框来查询 MySQL，并自动更新

Question

我想在 JQuery 的帮助下构建一种高级 mySQL 搜索 - 用户通过选中复选框来查询数据库，并且当选中复选框时，DIV 会立即通过 AJAX 更新结果。一种带有复选框的自动完成功能。

例如，我有两个或多个复选框，如下所示:

<input type="checkbox" id="Windows" name="system"> Windows
<input type="checkbox" id="Linux" name="system"> Linux

如果用户选中“Windows”，mySQL 会立即(无需单击任何“提交”按钮)返回 Windows 软件列表。如果用户同时检查两者，mySQL 应立即返回 Windows 和 Linux 软件的列表。

以下内容适用于一种选择，但不适用于两种选择:

<div id="update"></div>

$('input[name=system]').click(function(){
    var id=$(this).attr('id');
    $.get("review.php", {param: id}, 
        function(data) {
            $("div#update").html(data);
        }
    );
});

评论.php:

if (isset($_GET['param'])) {
    $param = $_GET['param'];
}
$qry = mysql_query("SELECT * FROM reviews WHERE os = '".$param."' ") or die(mysql_error());

谢谢。

Answer 1

试试这个:

$('input[name=system]').click(function(){

    var ids = [];
    $('input[name=system]:checked').each(function() {
        ids.push($(this).attr('id'));
    });
    ids = ids.join(",");

    $.get("review.php", {param: ids}, 
        function(data) {
            $("div#update").html(data);
        }
    );
});

在你的 PHP 中:

if (isset($_GET['param'])) {
    $param = "('" . str_replace(",", "','", $_GET['param']) . "')";
}
$qry = mysql_query("SELECT * FROM reviews WHERE os IN $param") or die(mysql_error());