在复选框上刷新页面，单击不提交按钮

Question

我正在创建网上购物网站。我是Ajax和jQuery的新手。问题是:我有t恤的颜色可供选择。1. 红色的2. 蓝色的3.绿色的。

我想从数据库加载彩色t恤图像(我已经通过图像URL存储)基于用户的选择与我们的提交按钮。也就是说，每次用户选择/取消选择复选框时都应该刷新页面。有人能帮帮忙吗?任何帮助都太好了。谢谢你！我尝试的代码是:

    <?php
    $servername = "localhost";
    $username = "root";
    $password = "";
    $dbname = "mydb";
    // Create connection
    $conn = new mysqli($servername, $username, $password, $dbname);
    // Check connection
    if ($conn->connect_error) {
        die("Connection failed: " . $conn->connect_error);
    } 
    // options
    $options = array(
        'Blue' => 'Blue', 
        'red' => 'red', 
        'Green' => 'Green', 
        );
    // sql where
    $sql_where = array('1');
    foreach ($options as $option)
    {
        if (isset($_POST[$option])) $sql_where[] = "field = '$option'";
    }

    // query data
    $res = mysqli_query($conn,"SELECT * FROM try WHERE " . implode(' AND ', $sql_where));

    // html
    $sql_where = array('1');
    foreach ($options as $name => $option)
    {
        ?>
            <input type="checkbox" name="<?= $option?>" id="<?= $option?>" value="1" />
            <label for="<?= $option?>"><?= $name?></label>
        <?php
    }
    echo mysqli_num_rows($res);
    ?>

代码不会在每次点击复选框时自动刷新。

Answer 1

像这样的东西会让你在正确的行…

$("#check").click(function(){
    $(".myform").submit();
});

假设您将复选框的class设置为class="check"，并在form标签中设置id="myform"

这样做的效果是提交表单，就好像在单击复选框时按了提交按钮一样。