Question

我正在创建在线购物网站。我是Ajax和jQuery的新手。问题是：我选择了T恤的颜色： 1.红色蓝色绿色。

我想根据用户的选择加载提交按钮，从数据库加载彩色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 =＆＃34;请检查＆＃34;并在表单标记内设置id =＆＃34; myform＆＃34;

这样做的效果就是提交表单，就像您按下提交按钮一样，只要单击该复选框。

复选框上的刷新页面无需提交按钮

1 个答案: